Cambiar diseño en h...
 
Avisos
Vaciar todo

Cambiar diseño en hoja de producto

8 Respuestas
4 Usuarios
0 Reactions
2,511 Visitas
Respuestas: 358
Reputable Member
Topic starter
 

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,


 
Respondido : 10/01/2012 4:16 pm
Pablo Velasco
Respuestas: 20382
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%;
}

 
Respondido : 10/01/2012 5:55 pm
Respuestas: 358
Reputable Member
Topic starter
 

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.


 
Respondido : 10/01/2012 6:53 pm
Jordi Sala
Respuestas: 12058
Illustrious Member 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,


 
Respondido : 11/01/2012 9:03 am
Respuestas: 358
Reputable Member
Topic starter
 

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


 
Respondido : 11/01/2012 10:59 am
Jordi Sala
Respuestas: 12058
Illustrious Member 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,


 
Respondido : 11/01/2012 2:28 pm
Respuestas: 358
Reputable Member
Topic starter
 

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?


 
Respondido : 17/01/2012 7:02 pm
Jhon
 Jhon
Respuestas: 44989
Soporte CMS Webempresa
 

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.


 
Respondido : 17/01/2012 8:05 pm