Cambiar de tamaño c...
Avisos
Vaciar todo

Cambiar de tamaño columna central del body y eliminar margenes laterales.  

 
Ivan
 Ivan
Reputable Member

Buenas,

Me gustaria eliminar los margenes del index de la izquierda y derecha y asi aumentar la columna central de tamaño.

Luego asi poder aumentar de tamaño la caja de las imagenes a 11x10cm que actualmente no me deja me imagino que sera porque la columna central no es tan ancha.

Tambien reducir al minimo los espacios laterales entre ambas imagenes.

Os adjunto una imagen con lo que os quiero explicar.

Muchas gracias.

Un saludo

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 10/09/2017 3:27 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Ivan.

Edita el archivo global.css que encontraras en themes/default-bootstrap/css/global.css y añade los siguiente:

#index ul.product_list.tab-pane > li {
    padding-bottom: 12px !important;
    padding-left: 1px !important;
    }

Lo de ampliar el bloque es bastante mas complicado ya que cada bloque viene configurado en la plantilla y tienes que realizar muchas modificaciones en el código lo que podría provocar que perdieras la web.

Un saludo

ResponderCitar
Respondido : 10/09/2017 3:52 pm

Cursos Gratuitos WordPress

Ivan
 Ivan
Reputable Member

Buenas Pepe,

Gracias por la respuesta la modificacion que me has indicado es para el margen entre las imagenes?

He realizao el cambio pero no se modifica, he realizado limpieza de cache por si acaso era eso.

Te adjunto donde he pegado tu comentario.

Sobre el otro tema, sabrias decirme la linea o donde se encuentra ubicado el archivo para la columna central mirare a ver si puedo hacer el cambio.

Gracias y un saludo

ResponderCitar
Respondido : 10/09/2017 4:37 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Ivan.

Se colo un punto entre los dos últimos códigos que tienes añadidos, elimina ese punto y vuelve a recargar la pagina.

la linea o donde se encuentra ubicado el archivo para la columna central
Prueba editar el archivo editar el archivo global.js que encontraras en themes/tuplantilla/js/global.js.

Tienes que buscar las clases container algo parecido a esto

if ($('body').find('.container').width() == 1050)

, seria modificar el valor de width

Ten cuidado por que puedes dejar al web in operativa, te aconsejo que realices primero una copia del archivo.

un saludo

ResponderCitar
Respondido : 10/09/2017 7:33 pm

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

Ivan
 Ivan
Reputable Member

Buenas Pepe,

Ese punto estaba ya cuando abri el archivo no lo quise tocar por si acaso.

Punto eliminado y modificacion realiza GRACIAS!

Se podria hacer aun mas pequeña la separacion?

Sobre el otro tema voy primero hacer un clon de la pagina y asi poder hacer las pruebas alli primero.

Al darle zoom en la foto dentro de la ficha de prodcuto para aumentar el tamaña que no se vea tanto marco blanco desde donde se hace?

Gracias y un saludo

ResponderCitar
Respondido : 10/09/2017 9:39 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Ivan.

Se podría hacer aun mas pequeña la separacion?
Puedes probar a modificar el valor de padding-left: por ejemplo padding-left:0.1px

que no se vea tanto marco blanco desde donde se hace?
Lo que tienes que hacer es que subir la imagen con un tamaño mas grande, de esa manera ocupara todo el ancho.

Un saludo

ResponderCitar
Respondido : 11/09/2017 10:41 am

Ivan
 Ivan
Reputable Member

Buenas Pepe,
Gracias por la respuesta.

La imagen por defecto tiene este tamaño 2136x3216px

Pero si la subo en ese tamaña en el index no me ocupa todo el borde entonces le tengo que poner 533x453px

y en ese tamaño es como se ve en la imagen que te puse anteriormente.

Gracias y un saludo

ResponderCitar
Respondido : 11/09/2017 3:54 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Ivan.

Creo que te estas liando con las imágenes.
Los tamaños de las imágenes los puedes ver accediendo a preferencias -> Imágenes

Cuando subes una imagen, prestashop crea tantas imágenes como son necesarias para mostrar los productos ( Miniaturas, imagen media, etc... ), es decir te crea las imágenes con los tamaños que tienes configurados en preferencias -> Imágenes

Si la imagen es mas grade, las re dimensiona hasta adaptarlas y si es inferior en vez de redimensionarla te mostrara el tamaño original.

Como mínimo tienes que subir la imagen en el tamaño mas grande que tienes en preferencias -> Imágenes y como ya te comente todas las imágenes que subas tienen que tener el mismo tamaño, tanto de alto como de ancho.

Un saludo

ResponderCitar
Respondido : 11/09/2017 6:12 pm

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

Ivan
 Ivan
Reputable Member

Buenas Pepe,

Primero muchas gracias por la ayuda!

SI porque llevo toda la tarde con ello :unsure:

Ya tengo todas las imagenes mismo anguno y todas con las mismas medidas 3216x2136px.

Ya he podido conseguir que en el index me ocupen con eta medida el marco completo.

Sabrias que medidas debo poner Preferencias/imagenes para que se muestra completa en la caja de ficha de prodcuto y al pinchar en la imagen?

Muchas gracias por la atencion prestada!

Un saludo

ResponderCitar
Respondido : 11/09/2017 6:40 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

El contenido de tu imagen debe ser un cuadrado de 800x800 ya que veo que así lo redimensiona, por ejemplo:

Contenido solo visible a usuarios registrados

Saludos.

ResponderCitar
Respondido : 11/09/2017 10:14 pm

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