Estou fazendo um site em WORPRESS e utilizando POST_TYPE para puxar três paginas especificas, sendo que eu queria que ela ficasse lado a lado ao invés de uma embaixo da outra como está no site Arte em Bolo que estou fazendo...
Segue o CSS:
#destaques{ width:900px; height: 300px; } #paginas-destaque{ width:284px; height:270px; margin: 10px 0 0 15px; float: left; } #paginas-destaque h1 { height:35px; text-align:center; text-align:left; font-family: "montserratregular"; color:#CA278C; font-size:20px; margin:5px 0 0 0; } #paginas-destaque h1 a { color:#CA278C; text-decoration: none; } #paginas-destaque h1 a:hover { color:#CA278C; text-decoration: underline; } #paginas-destaque img{ width:284px; height:109px; } #paginas-destaque p{ height:80px; text-align:left; color:#000; font-size:12px; } #paginas-destaque h2{ height:40px; float:right; color:#000; font-size:12px; } #paginas-destaque h2 a{ color:#000; text-decoration: none; } #paginas-destaque h2 a:hover{ color:#000; text-decoration: underline; }
Aqui é o código para puxar as paginas:
<div id="destaques"> <div id="paginas-destaque"> <?php $dest = array ( 'post_type' => 'page', 'post__in' => array(139, 141, 147)); query_posts($dest); ?> <?php if (have_posts()): while (have_posts()) : the_post();?> <h1><a href="<?php the_Permalink()?>" title="<?php the_title();?>" alt="<?php the_title();?>"><?php the_title();?></a></h1> <img src="<?=bloginfo('template_url')?>/images/img-box.jpg"> <?php the_excerpt();?> <h2>[<a href="#">+ DETALHES</a>]</h2> <?php endwhile; else:?> <?php endif;?> </div> </div>
Espero que ajudem pois já tentei de tudo...
Abs,
BITENCOURT