Ayuda centrar atributos

mikasubi

Aprendiz de Prestashop
Hola buenas tardes;

Estoy montando una imprenta online, los productos tienen atributos y varias combinaciones de precios, el problema es que no aparecen centrados y no aparecen todas las letras y me gustaría saber que tengo que modificar para que aparezcan centrados;

Os pongo una muestra de imágenes de mi página y otra de cómo me gustaría que quedase

Muchas Gracías;



 

Josraso

Lo cortes no quita lo valiente.
Miembro del equipo
Si pones la url de la tienda podremos ayudarte mas facilmente ya que sera necesario tocar los css de la pagina y asi podremos verlos.
 

catoku

Amante de Prestashop
¿Te refieres solo a lo de "Cantidad, Tamaño Final, Impresión, Material, Plastificado, Plazo entrega" o tambien al otro bloque adjuntas en la captura de la imagen?

Para modificaciones CSS, te puedes ayudar del Inspeccionar elemento de "Chrome" (Haces clic en el botón derecho del ratón y en el menu eliges una opción que se llama "Inspeccionar Elemento") te ayudara a saber que css tienes que modificar luego.
 

mikasubi

Aprendiz de Prestashop
Si catoku me refiero a las diferentes opciones, quiero dejarlas centradas;

El otro bloque es de otra pagina y asi me gustaria dejar mi tienda;

He probado lo del Chrome que dices, pero luego no se como ver que archivo es el que tengo que modificar;

Aqui seguimos intentando centrarlo y que salga todo bien;
 

lastapril

Experto en Prestashop
Miembro del equipo
Hola, creo que has cambiado la plantilla, pero si quieres que se muestre mas ordenadito como dices, haz esto
en el product.css de tu tema en la linea 463 dejalo asi
Insertar CODE, HTML o PHP:
#attributes fieldset {
    line-height: 35px;
    width: 50%;
}
y la linea 471 asi
Insertar CODE, HTML o PHP:
#attributes fieldset label {
    margin: 0px 15px 0px 0px;
    float: left;
    display: inline-block;
    vertical-align: middle;
    min-width: 36%;
}
si quieres que los recuadros de los select tengan la misma longitud en la linea 487 dejalo asi
Insertar CODE, HTML o PHP:
#attributes .attribute_list {
    /*float: left;*/
}
en el ejemplo uno veras los cambios con los dos primeros pasos, en el 2 incluyendo el tercer paso, comprueba el tema responsive que yo no lo he podido hacer
Saludos
Lastapril
 

Adjuntos

Arriba