Suporte » Plugins » Exibição de Posts centralizados e lado alado

  • Resolvido Luiz Fernando Caldeira

    (@luiz-fernando-caldeira)


    Galera, boa noite. Me salvem por favor…

    Bati cabeça o dia todo e não consigo descobrir o que fazer…

    Quero colocar Os posts alinhados, 5 pots um do lado do outro. Porém, já fiz de tudo, e só consigo colocar 4, o ultimo fica abaixo da primeira linha de posts.
    Eu até consigo colocar 5 um do lado do outro, mas fica muito pequeno, e não fica centralizado.

    Segue os códigos:

    CSS

    .site-main{ width:740px; margin:0; padding:0; float:left;}
    #sitefull{ width:100%; float:none;}
    #sitefull p{ margin-bottom:15px;}
    .page_content{ padding:25px 0;}
    .page_content p{ margin-bottom:20px; line-height:20px;}
    
    .blog_lists{ margin-bottom:30px; padding-top:5px; padding-left:0px; padding-bottom:5px;}
    .blog_lists h2{ margin-bottom:10px;}
    .blog_lists h2 a{ color:#484f5e;}
    .blog_lists h2 a:hover{ color:#34c6f6;}
    .blog_lists p{ margin-bottom:10px;}
    .blog-meta{ font-style:italic; margin-bottom:8px;}
    .post-date, .post-comment, .post-categories{ display:inline; color:#000000;}
    .single_title{ margin-bottom:5px;}
    .BlogPosts{ width:22%; float:left; margin-left:5px; margin-right:5px; margin-top:5px 3% 0 0; text-align:center;}
    .BlogPosts img{ width:100%;}
    .BlogPosts h2{ margin:10px 0; font-size:20px;}
    .MoreLink{ background-color:transparent; color:#5d5c5c ;display: inline-block; border:2px solid #c34370; padding:5px 10px; border-radius:3px; -moz-border-radius:3px; -moz-border-radius:3px;}
    .MoreLink:hover{ background-color:#c34370; color:#fff; }

    PHP

    </div><!-- services-wrap-->
                  <div class="clear"></div>
                </div><!-- container -->
           </section><div class="clear"></div>
    
     <section id="FrontBlogPost">
      <div class="container">
      		<div class="post"><?php the_content(); ?></div>
        <div class="post"><?php the_content(); ?></div>
      <h2 class="section_title"><?php esc_attr_e('Depoimentos','skt-wedding-lite'); ?></h2>
         <div class="site-main">
           <?php
    	   $p = 0;
            global $wp_query;
            query_posts(array_merge($wp_query->query, array(
                'paged'          => get_query_var('paged'),
                'posts_per_page' => 5, 'orderby' => 'title', 'order' => 'DESC' )));
        ?>
           <?php global $wp_query; ?>
           <?php if (is_home()) { query_posts("category_name=depoimentos"); } ?>
            <?php while( $wp_query->have_posts() ) : $wp_query->the_post(); ?><?php $p++; ?>
                <div class="blog_lists BlogPosts <?php if( $p%3==0 ){?>last_column<?php } ?>">
                  <a title="<?php the_title(); ?>" href="<?php the_permalink(); ?>">
                    <?php if( has_post_thumbnail() ) { ?>
                    <?php the_post_thumbnail(); ?>
                    <?php } else {  ?>
                    <img src="<?php echo get_template_directory_uri(); ?>/images/img_404.png" />
                    <?php } ?>
                    </a>
                   <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
                  <div class="blog-meta"><?php echo get_the_date(); ?> | <?php comments_number(); ?></div>
                  <?php echo wp_kses_post(sktweddinglite_content(27)); ?>
                  <a class="MoreLink" href="<?php the_permalink(); ?>"><?php esc_attr_e('Read more &raquo;','skt-wedding-lite');?></a>
                  <div class="clear"></div>
              </div>
            <?php endwhile; ?>
            <?php //sktweddinglite_pagination(); ?>
          <div class="clear"></div>
      </div>

    Por favor, me ajudem.

Visualizando 1 resposta (de um total de 1)
Visualizando 1 resposta (de um total de 1)
  • O tópico ‘Exibição de Posts centralizados e lado alado’ está fechado para novas respostas.