Modificar fondo modulo  

 
reiku
 reiku
Usuario activo

Buenos días,

Quiero modificar el fondo del modulo "carro de la compra" de Virtuemart.
Tengo claro que tengo que añadir un sufico al modulo,pero no tengo idea de en que parte del template.css tengo que poner el código ni que código es el correcto para poder colocar una imágen de fondo en el módulo.

Un saludo

Citar
Respondido : 10/10/2010 2:05 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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

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

ResponderCitar
Respondido : 10/10/2010 3:30 pm

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

reiku
 reiku
Usuario activo

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.

ResponderCitar
Respondido : 11/10/2010 11:37 am
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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

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

ResponderCitar
Respondido : 11/10/2010 7:05 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

reiku
 reiku
Usuario activo

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

ResponderCitar
Respondido : 11/10/2010 7:41 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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

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

ResponderCitar
Respondido : 11/10/2010 7:50 pm

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

reiku
 reiku
Usuario activo

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

ResponderCitar
Respondido : 12/10/2010 8:09 pm
Jhon Marreros Guzman
 Jhon Marreros Guzman
Soporte CMS Webempresa Moderator

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

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

ResponderCitar
Respondido : 13/10/2010 4:24 pm

Cursos Gratuitos WordPress

reiku
 reiku
Usuario activo

Buenas tardes

¿En que archivo debo colocar este código?

....

🙁

ResponderCitar
Respondido : 13/10/2010 6:21 pm
Jhon Marreros Guzman
 Jhon Marreros Guzman
Soporte CMS Webempresa Moderator

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.

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

ResponderCitar
Respondido : 13/10/2010 6:26 pm

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

reiku
 reiku
Usuario activo

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]

ResponderCitar
Respondido : 13/10/2010 6:50 pm
Jhon Marreros Guzman
 Jhon Marreros Guzman
Soporte CMS Webempresa Moderator

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.

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

ResponderCitar
Respondido : 17/10/2010 4:30 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Por favor Iniciar Sesión o Registro