Ir para conteúdo
Fórum Script Brasil
  • 0

Dividir div em 2 colunas, CSS do Wordpress


Fredd31srm

Pergunta

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; ?>

 

 

 

dsdssd.png

Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,8k
×
×
  • Criar Novo...