Avisos
Vaciar todo

[Resuelto] Problema sobrescribiendo estilo css en el constructor de temas  

 
David
 David
Usuario eminente

Hola,

He creado en el constructor de temas una plantilla para dar estilo a las páginas de categorías de una tipología de posts. En ella he añadido un módulo para mostrar los posts de esa categoría.

En este caso, al ser una tipología de post creada con Custom Post Types, no puedo usar para mostrar un listado de posts de esa categoría el módulo "Blog" de Divi, ya que este sólo funciona con las tipologías por defecto de WP, entradas y proyectos. Esto lo soluciono usando el plugin Divi Filtergrid que si permite trabajar con tipologías personalizadas de posts.

El caso es que estoy atascado dando estilo a un pequeño detalle del listado de posts. Concretamente quiero que en la línea de las metatags de cada post en el listado, la etiqueta categoría tenga un estilo distinto de color, tipo de texto, tamaño... Pero soy incapaz de sobreescribir los estilos del plugin y plantilla.

Un ejemplo de página de categoría sería:

https://indiecinema.davidss.com/cat_realpolitik/report/

image

Lo curioso es que en la página principal del blog, que utilizo el mismo módulo de Divi Filtergrid sí que he podido crear un estilo CSS que personaliza la etiqueta de categoría como se puede ver en este enlace:

https://indiecinema.davidss.com/realpolitik/

image

¿Podríais echarle un vistazo para ver cómo dar el mismo efecto en las páginas de categorías? Le he dado mil vueltas y no consigo crear un estilo CSS que sobreescriba el que tiene por defecto.

Gracias!!

Contenido solo visible a usuarios registrados

Respondido : 23/12/2021 9:44 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola David.

Tienes este bloque de código con las etiquetas !Important y es el que esta provocando que los cambios no se visualicen:

 .et-db #et-boc .et-l .dpdfg_filtergrid_0_tb_body .entry-meta span a {
    font-style: italic!important;
    color: #bfbfbf!important;
}
screenshot nimbus capture 2021.12.23 11 03 47

Al tener las etiquetas !Important hace que ese código prevalezca sobre los demas que añadas a esa misma clase.

Lo que no te puedo decir es donde esta añadido el código supongo que en alguna personalización que realizaste en su momento, la solución pasa por eliminar esas etiquetas Important del código.

 

Un saludo

 

Respondido : 23/12/2021 10:08 am
David
 David
Usuario eminente

Hola Pepe,

Muchas gracias por tu apreciación, me ha dado la pista para encontrar el fallo.

Ese código con las etiquetas !important no lo metí yo, lo mete el plugin Divi Filtergrid en sus ajustes de diseño, así que ya localizado ha sido fácil solucionarlo: dejar por defecto los ajustes de diseño del módulo del plugin y hacerlo todo con CSS personalizado, así va perfecto 🙂

Gracias de nuevo. Un saludo y Feliz Navidad!!

 

Respondido : 23/12/2021 11:13 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola David.

Genial !!! me alegra que lo solucionaras.

Cualquier consulta que tengas no dudes en comunicarlo.

 

Aprovecho para felicitarte estas fiesta, espero que tu y los tuyos estéis bien y podáis disfrutas de estos días que ya va siendo hora.....

 

Cerramos el tema.

Un saludo 

 

Respondido : 23/12/2021 11:23 am
David me gusta