Cambiar diseño en hoja de producto  

 
Sergio
 Sergio
Reputable Member

Hola como puedo separa un poco el texto de la imagen del precio. Aparece muy pegado a la caja del precio y quiero separarlo un poco. Os anexo una imagen por si no me explicado bien.

La URL es www.pienso24horas.com, pinchando en cualquier fabricante en (royal canin, brekkies,...)

Gracias,

Citar
Respondido : 10/01/2012 4:16 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Prueba a editar el archivo components/com_virtuemart/themes/ja-zeolite/theme.css. En la línea 139 cambia el código:

.browseProductDescription {
	margin-top: 60px;
	width: 70%;
}

por el siguiente:

.browseProductDescription {
	margin: 60px 0 0 10px;
	width: 70%;
}

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

ResponderCitar
Respondido : 10/01/2012 5:55 pm

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

Sergio
 Sergio
Reputable Member

Hola Pablo lo he modificado con firedebug para ver el resultado y si se aleja. Cuando lo hago en el CSS....aparece igual.

Tema de cache??? En el navegador la he borrado.

ResponderCitar
Respondido : 10/01/2012 6:53 pm
Jordi Sala
 Jordi Sala
Miembro Admin

Hola Sergio,

Si que visualizó el cambio en el código:

.browseProductDescription {
    margin: 60px 0 0 30px;
    width: 70%;
}

Veo que el texto queda un poco pegado, parece que queda mejor con:

.browseProductDescription {
    margin: 60px 0 0 40px;
    width: 70%;
}

Si realizas cambios y es una plantilla de Joomlart, muchas tienen la opción de "JAT3 clean cache" en la parte superior de la administración de Joomla!, también es importante acceder a la administración de Joomla!, y pulsar en limpiar cache.

Saludos,

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

ResponderCitar
Respondido : 11/01/2012 9:03 am

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

Sergio
 Sergio
Reputable Member

Jordi no mejora y hay 2 casos:

1.- Cuando el texto no sobrepasa la caja del precio. Parece que se separa.
2.- Cuando el texto sobrepasa la caja del precio, se separa la frase por debajo de la caja del texto pero no la que esta al lado de la caja del precio.,

ResponderCitar
Respondido : 11/01/2012 10:59 am
Jordi Sala
 Jordi Sala
Miembro Admin

Hola Sergio,

Visualizando con Firefox 9 : http://www.pienso24horas.com/productos/vmchk/affinity-advance/ver-todos-productos.html

Si cambio por:

.browseProductDescription {
    margin: 60px 0 0 50px;
    width: 70%;
}

visualizo bien todos los productos de esa categoría.

Saludos,

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

ResponderCitar
Respondido : 11/01/2012 2:28 pm

Cursos Gratuitos WordPress

Sergio
 Sergio
Reputable Member

Hola Jordi sigo sin conseguir el efecto deseado. Lo unico que consigo es que se separe del margen derecho pero no de la imgaen.-....algo mas que pueda probar?

ResponderCitar
Respondido : 17/01/2012 7:02 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Sergio

En el archivo de estilo de tu tema de virtumart coloca un estilo de margen, para que luzca con margen
http://www.pienso24horas.com/productos/comida-para-gatos/brekkies/especialidades/ver-todos-productos.html

.browsePriceContainer{
margin-right:10px;
}

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/01/2012 8:05 pm

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

Por favor Iniciar Sesión o Registro