Dividir div em 2 colunas, CSS do Wordpress

[Fredfitch]

Prezados Bom dia,

 

fiz o download do meu site no wordpress através do plugin Duplicator, e estou fazendo as alterações localmente para depois duplicar de novo para web.

 

Na página inicial contem 4 posts mais recentes em destaque, porém não consigo dividi-los em 2 colunas uma vez que seu conteudo é por meio de uma função que já vem pronta, ou do tema ou da empresa que montou o site, eu não entendi muito bem.

 

CSS  da div: 

 

.conteudo-home{ margin-top:30px;}
.noticias{ width:440px; height:400px; position:relative; float: left;}
    .news{ width:440px; height:135px; margin-bottom:13px;}
    .news-img{ position:relative; float:left; width:240px; height:137px;}
    .news-txt{ width:305px; height:135px; position:relative; float:left;}
    .news-txt h2, .news-txt h2 a{ text-decoration:none; color:#000; font-size:16px; font-weight:bold; text-align:center; padding-top:px; font-family: 'Arial'; line-height: 1.5;}
    .news-txt p{ font-size:12px; line-height: 1.5; margin:11px 20px 10px 20px;}

Código da pagina: 

<?php
$recent = new WP_Query("showposts=4");
if ($recent->have_posts()) :
$class = 0;  //Variável para testar a contagem
while ($recent->have_posts()) : $recent->the_post();
$class++; //Inclementa a variável
$tipo = ($class > 1) ? "ultimos-posts" : "news-post1"; ?>
<div class="news">
<div class="news-img"><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('thumbnail'); ?></a></div>
<div class="news-txt <?php echo $tipo; ?>"><h2><a href="<?php the_permalink(); ?>"><?php title_limite(25); ?></a></h2>
<p><?php the_excerpt(); ?></p></div></div>
<?php endwhile; else: ?>
<?php endif; ?>

 

 

 

 

[Nihal]

@Fredfitch

Há múltiplas maneiras de fazer isso. Tendo um número fixo de posts sugiro usar CSS através do seletor :nth-child(). No caso de 4 posts a quebra ocorreria após o post nº2, portanto você quer fazer algo com o terceiro:

.news:nth-child(3) { código... }

 

Como você realizará essa quebra aí precisa pesquisar e decidir.