Avisos
Vaciar todo

Hosting WordPress 70% dto Dominios promo

Los estilos css en el tema hijo no funcionan  

 
Alberto
 Alberto
Usuario activo

Buenas.

Estoy trasladando mi código css a un tema hijo que he creado con el plugin child theme configurator, pero las modificaciones no se muestran en la web. Por ejemplo, he añadido este código al archivo syle.css del tema hijo:

.et_pb_row_1 {
display: flex!important;
align-items: center;
justify-content: center;
}

Este código funciona bien si lo inserto en la pestaña css avanzado de la fila en el constructor divi, pero no funciona en la hoja de estilos del tema hijo, ¿me podríais dar alguna orientación sobre por qué no funciona el estilo?

Saludos.

Contenido solo visible a usuarios registrados

Citar
Respondido : 27/03/2024 5:59 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Alberto, 

Divi cuenta con su propio sistema para añadir estilos personalizados, estos puedes incorporarlos desde Divi → Opciones del tema →General → CSS personalizado 

Sobre este cambio indícanos que intentas realizar, de manera general si añades un CSS en style.css de un childtheme y no se aplica, es porque tienes otras reglas del tema que superpone esto, lo mejor es añadirlo en las opciones nativas de Divi. 

De igual forma ten en cuenta que si son estilos que se aplican a un elemento solamente en una forma más eficiente es añadirlo dentro del mismo módulo, de esta forma optimizas más tu sitio al no tener que cargar este código en todo tu sitio web si solo va a aplicar un cambio a un elementor muy específico. 

Un Saludo 

ResponderCitar
Respondido : 27/03/2024 6:37 pm

Alberto
 Alberto
Usuario activo

@karenHola Karen.

Sí, esos estilos los tenía el apartado avanzado -> CSS personalizado -> CSS de formato libre, pero, al parecer, el código en ese apartado no es permanente y no funciona bien (tuve un problema con eso que comenté en el foro https://www.webempresa.com/foro/soporte-divi-en-espanol/etiquetas-diferentes-en-el-constructor-visual-y-en-la-vista-previa). Entonces me indicaron que los pusiera en avanzado -> CSS personalizado -> Elementos del módulo, lo que pasa es que desde aquí no se pueden poner etiquetas o múltiples selectores y prefiero un sitio donde poner hacerlo.

Ahora he quitado ese código de ahí y lo he puesto en el tema hijo, por lo que debería tener prioridad ¿no?

Si no es así, mi pregunta es, dónde es más adecuado poner el código css para un elemento en divi, pero que permita poner selectores para distintos subelementos del elemento principal.

Saludos.

ResponderCitar
Respondido : 27/03/2024 6:47 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Alberto, 

Si es para un elementor especifico lo mejor es dentro del módulo o dentro del CSS personalizado del módulo, para estilos generales en Divi → Opciones del tema → General → CSS Personalizado.

En Divi cuando añades CSS personalizado en las opciones generales del tema no se elimina el código personalizado que añadas, se borra si por ejemplo añades código en el functio.php del tema padre o en el archivo style.css del tema padre. 

Un Saludo 

ResponderCitar
Respondido : 27/03/2024 7:16 pm

Alberto
 Alberto
Usuario activo

@karenHola Karen.

¿Pero tenía entendido que poniendo código ahí podía perderse al actualizar el tema, no es así?

Por otro lado, ¿por qué no funcionan los estilos que pongo en el tema hijo si no hay nada de css adicional puesto en el padre para ese elemento?

Saludos.

ResponderCitar
Respondido : 27/03/2024 8:34 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Alberto, 

En Divi y otros temas cuando añades en las opciones de personalizar no suelen perderse, los cambios se perderían si añades directamente estos códigos en el archivo padre del tema que tengas ya sea en el function.php o style.css, esto ocurre porque al actualizar el tema se sustituyen todos los archivos del tema padre con los nuevos cambios del tema que añadan los desarrolladores. 

Por otro lado, cuando creas un tema hijo en WordPress y agregas un archivo style.css para realizar cambios personalizados, esos cambios se aplicarán solo a los elementos que están siendo sobrescritos por tu CSS personalizado, Sin embargo, en el caso específico de Divi, hay algunas razones por las que los cambios que agregas en el archivo style.css del tema hijo pueden no aplicarse:

  • Prioridad de los estilos
  • Caché del navegador
  • Errores de sintaxis

Es por ello que Divi añade la opción de personalización desde las opciones de tema en si.

Un Saludo 

ResponderCitar
Respondido : 27/03/2024 8:56 pm