Avisos
Vaciar todo

no responde el css responsive

9 Respuestas
4 Usuarios
0 Reactions
178 Visitas
Respuestas: 58
Trusted Member
Topic starter
 

Hola!! he modificado el CSS de mi tema (en tema hijo), y todo funciona excepto un borde del menú, está correctamente modificado, pero no encuentro la razón de que se sobreescribe el color original en el borde superior.

Se que es complicado dar soporte a tanto detalle, pero es que he buscado todas las alternativas, espero me puedan ayudar a entender el error.
Gracias!

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 26/02/2019 11:10 pm
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member Moderator
 

Hola,

Como ya tienes el identificador, solo tendrías que copiar el código y pegarlo como indica la guía: https://www.webempresa.com/blog/como-agregar-codigo-css-en-wordpress.html

En el código tendrías que colocar el color que deseas modificar.


 
Respondido : 27/02/2019 3:35 am
Respuestas: 58
Trusted Member
Topic starter
 

Sí, entiendo. Lo tengo con style.css en tema hijo.

Lo que no entiendo y necesitaba su ayuda, es porque si el css indica el color que quiero, al ejecutar tiene más relevancia "el valor que toma de inline", que el del style.css. Y es el único valor en el que lo hace :dry:

inline:173 @(max-width: 688px)
#menu
border-color: #e24545 !important;

style.css:465 @(max-width: 688px)
#menu
border-color: #00aec7 !important;


 
Respondido : 27/02/2019 2:15 pm
Pepe
 Pepe
Respuestas: 41129
Illustrious Member Admin
 

Hola Victoria.

El siguiente código que es el que está prevaleciendo:

@media (max-width: 688px)
#menu {
    border-color: #e24545 !important;
} 

No te se decir en que archivo de estilos se encuentra ya que con el inspector del navegador no puedo identificarlo.

Revisa los archivos de estilos de tu plantilla y busca el codigo que te indique, si lo encuentras lo eliminas.

Un saludo


 
Respondido : 27/02/2019 3:58 pm
Respuestas: 58
Trusted Member
Topic starter
 

Hay un responsive.css pero no contiene esa sentencia. No entiendo de donde la está cargando :silly:
Suelo manejar todo en los temas-child para no machacar los cambios con las actualizaciones, pero solo esa sentencia se me está resistiendo :pinch:

Era por si os sonaba algo parecido, espero encontrarlo algún día.
Gracias!


 
Respondido : 27/02/2019 8:10 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Al código anterior le falta una }

Prueba con el siguiente código al final de tu archivo style.css de tu child-theme

@media (max-width: 688px){
    body #menu {
        border-color: transparent !important;
    }
}

Saludos.


 
Respondido : 27/02/2019 8:33 pm
Respuestas: 58
Trusted Member
Topic starter
 

Sí 😛 lo había visto ups!

Pero aún corregido eso nada :blush: no hay forma.

La sentencia no está como tal en ningún css, debe ser algún parámetro que da por función, lo malo es que le pone el !important y por eso machaca mi css. Bueno, a ver si recibo respuesta de los desarrolladores del tema.

Gracias!


 
Respondido : 07/03/2019 7:39 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

No veo que hayas agregado el código, si agregas el código veo que si que funciona, entiendo eso es lo que quieres, ver imagen adjunta.

Saludos.


 
Respondido : 07/03/2019 8:48 pm
Respuestas: 58
Trusted Member
Topic starter
 

Cierto, cierto. Toda la razón!

Mil gracias!!!!!


 
Respondido : 22/03/2019 9:39 pm