Modificar fondo modulo

Hola reiku,

Eso va a depender mucho de la plantilla que estés utilizando ya que no necesariamente los estilos van a ser los mismos, si los que cambien el fondo, no los que contengan el estilo del modulo en cuestión.

También puedes, si quieres, facilitar la URL para editar la hoja de estilos y darte una mejor respuesta.

Y como última opción puedes instalarte el plugin para Firefox llamado Firebug que te permite ver el código de la página y averguar que estilo afecta a ese modulo e incluso hacer pruebas de colores y CSS para ver como quedaría antes de aplicar el estilo y grabarlo.

Saludos

El modulo al que le quiero cambiar el fondo utiliza el mismo estilo que la plantilla,no tiene css propio.El módulo en cuestión es el carro de la compra de virtuemart,lo podeis ver en www.kierokekos.es

A ver si me podeis echar una mano que no consigo solucionarlo.

Gracias.

Hola reiku,

Se me ocurre lo más fácil sin afectar a otros módulos. Como tienes ese módulo que parte de el es imagen (superior) y el resto contenedor del modulo puedes aprovechar los sufijos de la clase módulo para pasarle un valor personalizado.

Sufijo de la clase del módulo. Un sufijo a aplicar desde la clase del CSS del módulo. Esto permite tener un estilo personalizado individualmente del módulo.

Ahora mismo esa clase es .art-Block-body y lo que le puedes es crear un sufijo personalizado en la hoja de estilos principal, supongo que sera template-css.css o similar (compruébalo) y le creas algo tipo:

.art-Block-body-carrito {
background: #FF00E4;
}

Para que luego en el sufijo de la clase módulo le puedas llamar con un -carrito. No olvides crearlo debajo de la clase .art-Block-body para que herede. También puedes utilizar guión bajo "_".

Hay varias formas de hacerlo, es cuestión de que veas cual es más practica para ti.

Saludos

Muchas gracias,me pongo con ello a ver si soy capaz.

Hola reiku,

¡Claro que lo eres, no lo dudes! Pero cualquier duda ya sabes ¡estamos aquí para lo que buenamente podamos ayudarte!.

No olvides antes hacer copia de seguridad de tu base de datos y del sitio bien desde tu cPanel o desde extensiones como Akeeba Backup, para poder volver a un punto anterior en caso de problemas.

Saludos

Pues al final no soy capaz ,jejeje

He insertado estas lineas de código dentro del "template.css" que está en la carpeta de mi template

.art-Block-body_carrito
{
background: #FFFFF;
background-image: url('../imagenes/1.jpg');

}

Lo he colocado debajo de .art-Block-body ,como me indicaste y le he asignado el nombre "_carrito" al sufijo del módulo.

Sigue sin cambiarme el fondo :angry:

Un saludo

Hola reiku,

veo en tu código que borraste el sufijo "_carrito". Por otro lado según observo la clase de módulo es .art-Block y no .art-Block-Body

Para que no afecte debes poner en lugar de un guion bajo un espacio en la parte de sufijo de clase de módulo, es decir " carrito".

Lo que se gana con esto es que conservas los estilos del módulo y tu clase de módulo en html lucirá asi:

....

Una ves que verifiques que en tu html te sale como el código anterior, puedes darle estilos, por ejemplo utilizas la clase carrito como principal y luego buscas que contenedor quieres afectar a través de su clase, por ejemplo.

.carrito .art-BlockContent-body{
background-image: url('../imagenes/1.jpg');
}

Pruebaló a ver como te va y nos cuentas

Saludos

Buenas tardes

¿En que archivo debo colocar este código?

🙁

Hola reiku

Ese código es la salida, se tiene que genera solo debido a tu página, mi comentario era que una vez que cambies el sufijo busque en el código html de la página esta entrada (boton derecho ver código fuente) con el fin de comprobar.

Saludos.

No soy capaz,la verdad es que con los códigos me lio bastante.Les dejo el template.css por si algún alma caritativa puede ayudarme.

Muchas gracias.

[file]

Hola reiku.

No se muestra tu archivo adjunto.

Por otro lado, si tienes hosting contratado en webempresa, puedes solicitar el servicio de soporte para que te solucione el problema.

Saludos.