Hola,
Me gustaría cambiar el tamaño de las distintas áreas de mi página web.
En concreto al pinchar sobre un producto me gustaría aumentar el área donde aparece el producto propiamente y disminuir la anchura de la columna de la derecha, donde pone categorías.
Fijándose se aprecia que las letras quedan muy pegadas al borde.
URL del sitio: Contenido solo visible a usuarios registrados
¡Hola Mikel!
Para realizar los cambios que nos comentas tendrás que editar la hoja de estilo del tema. Para ello, te aconsejamos realizar una copia de seguridad por lo que pudiera pasar. Si no sabes cómo hacerlo, visita el siguiente enlace:
https://www.webempresa.com/blog/copias-de-seguridad-desde-el-panel-de-hosting-cpanel.html
A continuación, accede a cPanel (midominio.com/cpanel) > Bloques Archivos > Administrador de Archivos
Ahora, navega hasta la ruta:
/themes/leoconv/css/
Y edita el archivo product.css con el botón derecho y "Edit code"
Por último, busca el siguiente código: (está en la línea 3):
#primary_block { margin-top: 15px; }
Por este otro:
#primary_block { margin-top: 15px; padding:20px; }
Con la propiedad padding agrandaremos el espacio entre el borde y el contenido del elemento.
Por último, guarda los cambios.
No obstante, aprovechamos para recomendarte los siguientes enlaces:
- Curso Tienda PrestaShop : 1. Introducción y cambios de diseño: www.webempresa.com/blog/item/1319-curso-tienda-prestashop-1-introduccion-y-cambios-de-diseno.html
- http://www.w3c.es/Divulgacion/GuiasReferencia/CSS21/
Saludos
Hola,
Al hacer esto he visto que se cambia el margen en la página del producto, pero no cambia en el resto de páginas. En todas tengo el mismo problema, ¿Cómo puedo aplicar ese margen a todas las páginas?
Muchas gracias
Hola,
Revisando tu web y comparándola con la plantilla original veo que has aplicado cambios en el diseño que han afectado a los márgenes.
En primer lugar, elimina la modificación que te había indicado Rafael. A continuación edita el archivo themes/leoconv/css/global.css. Previa copia de seguridad de este archivo cambia el código:
.inner-wrap { padding: 0 0px; overflow: hidden; }
por este otro, que es como venía la plantilla por defecto:
.inner-wrap { padding: 0 20px; overflow: hidden; }
Así se recuperará el margen.