08. oktober 2013 - 18:58 Der er 1 kommentar og
1 løsning

akut! wordpress - afstand mellem posts

Har et WP theme der normalt understøtter tre store posts på forsiden. Jeg har i index.php'en fundet ud af at få den til at kunne vise flere (har 6 nu, men kommer at bruge 12 til sidst). Problemet er at "linie afstanden" mellem rækkerne er for lille (teksten ligger lige op i billedet), og da jeg er grafisk designer (ikke på web bureau) kan jeg simpelthen ikke finde ud af hvordan jeg får afstanden til at blive større...

gå ind på cobraandsons.com, for at se hvad jeg mener, og koden i index ser således ud:
Jeg vil være evigt taknemlig for hjælp:-)


<?php get_header(); ?>

    <div id="slider_container">
      <div class="slider-wrapper theme-default">
          <div class="ribbon"></div>
          <div id="slider" class="nivoSlider">
         
          <?php
          $args = array(
                      //'category_name' => 'blog',
                      'post_type' => 'post',
                      'meta_key' => 'ex_show_in_slideshow',
                      'meta_value' => 'Yes',
                      'posts_per_page' => 10
                      //'paged' => ( get_query_var('paged') ? get_query_var('paged') : 1),
                      );
          query_posts($args);
          while (have_posts()) : the_post(); ?>
         
          <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('featured-slideshow',array('alt' => '', 'class' => 'slide_img', 'title' => '')); ?></a>
         
          <?php endwhile; ?>
          <?php wp_reset_query(); ?>         
<!--            <img src="<?php //bloginfo('stylesheet_directory'); ?>/images/slide-image.png" />
            <img src="<?php //bloginfo('stylesheet_directory'); ?>/images/slide-image.png" />
            <img src="<?php //bloginfo('stylesheet_directory'); ?>/images/slide-image.png" />-->
          </div>
      </div>   
    </div><!--//slider_container-->           
   
    <?php
    $args = array(
                'category_name' => 'blog',
                'post_type' => 'post',
                'posts_per_page' => 3
                //'paged' => ( get_query_var('paged') ? get_query_var('paged') : 1),
                );
    query_posts($args);
    $x = 0;
    while (have_posts()) : the_post(); ?>
   

    <?php if($x == 2) { ?>
    <div class="home_blog_box home_blog_box_last">
    <?php } else { ?>
    <div class="home_blog_box">
    <?php } ?>
      <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('featured-blog'); ?></a>
      <h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
    </div><!--//home_blog_box-->   

    <?php $x++; ?>
    <?php endwhile; ?>
    <?php wp_reset_query(); ?>
   
    <div class="clear"></div>
   
    <div class="home_port_cont">
   
    <?php
    $args = array(
                'category_name' => 'portfolio',
                'post_type' => 'post',
                'posts_per_page' => 6
                //'paged' => ( get_query_var('paged') ? get_query_var('paged') : 1),
                );
    query_posts($args);
    $x = 0;
    while (have_posts()) : the_post(); ?>
     
      <?php if($x == 2) { ?>
      <div class="home_port_box home_port_box_last">
      <?php } else { ?>
      <div class="home_port_box">
      <?php } ?>
        <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('featured-portfolio'); ?></a>
        <h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
      </div><!--//home_port_box-->
     
      <?php if($x == 2) { echo '<div class="clear"></div>'; $x = -1; } ?>

    <?php $x++; ?>
    <?php endwhile; ?>
    <?php wp_reset_query(); ?>   
     
      <div class="clear"></div>     
    </div><!--//home_port_cont-->
   
<?php get_footer(); ?>
08. oktober 2013 - 19:12 #1
For at lige forklare lidt bedre, jeg vil have et (eller flere) line breaks mellem første række (billede 1-3) og anden række (billede 4-6), samt det samme mellem anden og tredje række.

Har læst om "\n", men hvor skal det ind i dette eksempel?

TAK!
09. oktober 2013 - 12:39 #2
lukker den
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester



IT-JOB

Cognizant Technology Solutions Denmark ApS

Sr. Test Analyst

Dynamicweb Software A/S

Solution Architect

MAN Energy Solutions

Principal Expert DevOps