Exibição de Posts centralizados e lado alado
-
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 »','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.