Problema con la prioridad de !important en css  

 
Raúl Ramón Val
 Raúl Ramón Val
Noble Member

En la web http://www.bodegasignacioguallart.com estoy intentando colocar en los laterales la imagen de los tablones a lo largo de toda la web. Sin embargo, en la posición #sp-main-body-wrapper no puedo ya que el css del diseño de la plantilla prevalece sobre el de el usuario ya que ya incluye el valor !important. El tercer valor es el que yo he incluido, sin embargo, no tiene prioridad sobre los anteriores por lo que no funciona y solo se ve blanco y no la imagen

Necesito su ayuda gracias

#sp-main-body-wrapper {
background: rgba(246, 180, 74, 0) none repeat scroll 0 0 !important;
}

#sp-main-body-wrapper {
background: rgba(246, 180, 74, 0) none repeat scroll 0 0 !important;
}

#sp-main-body-wrapper {
background: rgba(0, 0, 0, 0) url("/images/diseno/background.jpg") repeat scroll left top !important;
}

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 13/11/2015 8:18 am
Julen
 Julen
Miembro Admin

Hola,

Para que tus modificaciones tengan efecto, prueba a eliminar los dos parámetros que vienen por defecto, previa copia de seguridad.

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 13/11/2015 9:28 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Raúl Ramón Val
 Raúl Ramón Val
Noble Member

Esa opción no funciona porque tiene que tener un color por defecto es imposible de eliminar

Ruego otra opción

ResponderCitar
Respondido : 13/11/2015 9:52 am
Julen
 Julen
Miembro Admin

Hola,

Entendemos que quieres conseguir el aspecto que se ve en la siguiente imagen:

Para ello, prueba a agregar la siguiente linea:

#sp-main-body-wrapper {
    background: url("/images/diseno/background.jpg") repeat scroll left top rgba(0, 0, 0, 0) !important;
}

En la ruta => /home/bodegasignaciogu/public_html/plugins/system/jutooltip/assets/themes/default/styles.css

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 13/11/2015 10:41 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Raúl Ramón Val
 Raúl Ramón Val
Noble Member

Gracias Julen, pero esta opcion me obliga a cambiarlo cada vez que se actualice el template. No existe la forma de que en el custom.css tenga mas prioridad que el syless.css para no tener que estar pendiente de este tema?

gracias

ResponderCitar
Respondido : 13/11/2015 10:53 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

El archivo custom.css debería tener más prioridad que el style.css, pero eso ya es algo que depende de la plantilla. De todas formas veo que los estilos que se cargan por defecto no lo están haciendo desde el archivo style.css, sino que se carga con el propio código de la web de forma directa. Entiendo que esto es así porque estos colores se configuran desde la configuración del tema.

Los estilos que se carguen de forma directa prevalecen de los que se cargan desde archivos css, de ahí que tengas ese problema.

He estado haciendo algunas pruebas, pero parece que la solución pasaría por hacer cambios en la propia plantilla. Una opción sería que hicieras un tema hijo de tu plantilla actual, de forma que los cambios los puedas aplicar sobre este tema hijo. En el siguiente enlace se explica cómo crear temas hijo en WordPress:

https://www.webempresa.com/blog/item/1437-crear-temas-hijo-child-themes-en-wordpress.html

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 13/11/2015 3:10 pm

Cursos Gratuitos WordPress

Por favor Iniciar Sesión o Registro