Cambiar diseño en hoja de producto  

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%;
}

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.

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,

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.,

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,

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?

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.