Soporte » Diseño – Temas y plantillas » the_excerpt() No tomas estilos de CSS

  • Hola a todos, me llamo Juan y estoy haciendo un plantilla personalizada, me ocurre algo raro cuanto trato de aplicar estilo a un the_excerpt(), no los toma.
    el codigo es:

    <li  class="titulonoti"> <a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></li>
    <p class="fechanoti"><?php the_date();?></p>
    <p class="notaresumen"><?php the_excerpt()?></p>

    y el estilo

    .fechanoti{
    				font-style: italic;
    				font-size: 12px;
    				margin-bottom: 6px;
    }
    
    .notaresumen{
    				font-size: 32px;
    				line-height: 1.3;
    				font-family: "open sans";
    
    }

    Alguien sabe cual puede ser el problema ?

Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • si le agregas !important al final sí los toma?

    .notaresumen{
    	font-size: 32px !important;
    	line-height: 1.3 !important;
    	font-family: "open sans !important";
    }

    usar !important no es una buena practica CSS, pero así podes ver si no hay una declaración previa mas específica que esté sobre-escribiendo la tuya

    Podes fijarte en «inspeccionar elemento» del chrome que estilos está tomando. a veces los themes traen estilos dentro de la misma página

    Iniciador del debate juancazeres

    (@juancazeres)

    Hola, Alfonso gracias por la ayuda. Fui a lo básico como me decías, inspector de elementos.
    Lo que pude ver es que the_excerpt() deja de lado la clase de donde lo llamo (.notaresumen) y crea una nueva etiqueta <p>
    de ahí que el browser no aplica el estilo.

    Lo resolví aplicando el estilo al div contenedor, y cambiando las etiquetas de los textos que no quería que se vean afectados por el estilo de <p>.

    Como podrán ver soy novato en esto. Es normal que the_excerpt() cree una nueva etiqueta <p> ??

    En el inspector de elementos de Chrome ( ctrl + shift + J) da esto:

    <small class="fechanoti">June 14, 2016</small>
    <p class="notaresumen"></p> == $0
    <p>A días del estreno de la nueva versión de La peluquería de Don Mateo, Gustavo Sofovich se refirió a los dichos de Florencia Peña que aseguró que no le gustaba el humor de Gerardo Sofovich, creador del ciclo, y que no consumía sus productos. “Yo nunca tuve contacto con las cosas de Gerardo, es un […]
    </p> == $0

    En la vista de codigo fuente de Chrome ( ctrl + U) da esto:

    <p class="fechanoti">June 14, 2016</p>
    <p class="notaresumen"><p>Florencia Peña que aseguró que no le gustaba el humor de Gerardo Sofovich, creador del ciclo, y que no consumía sus productos. “Yo nunca tuve contacto con las cosas de Gerardo, es un […]</p>
    </p>
    <hr id="barranoti" />

    Slds!

    Moderador almendron

    (@almendron)

    Usa un DIV:
    <div class="notaresumen"><?php the_excerpt()?></div>

    Iniciador del debate juancazeres

    (@juancazeres)

    Gracias almedron, tambien funciona tu sugerencia. Al parecer no funciona solo con el primer codigo, cuando coloco el the_excerpt() dentro de una clase de etiqueta <p>.

    Moderador almendron

    (@almendron)

    Con la etiqueta <p> no va a funcionar nuca. Es preferible usar la div que te he puesto que cambiar las propiedades del contenedor ya que dicho cambio puede afectar a otros elementos. El uso de la div te asegura que solo afectará al excerpt.

Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • El debate ‘the_excerpt() No tomas estilos de CSS’ está cerrado a nuevas respuestas.