Avisos
Vaciar todo

Ficha de producto

4 Respuestas
3 Usuarios
2 Reactions
31 Visitas
Respuestas: 98
Trusted Member
Topic starter
 

Buenas tardes

Screenshot 20200512 162721

En la ficha de producto querría que las líneas de título, precio, botones de tamaño y añadir al carrito apareciesen más juntas entre sí. Para disminuir el scroll


 
Respondido : 12/05/2020 2:42 pm
Karen Rios
Respuestas: 18666
Illustrious Member Moderator
 

Hola Javier,

Prueba con siguiente código y verifica si funciona


@media only screen and (max-width: 436px) {
.single-product div.product p.price {
margin: auto !important;
line-height: .4em !important;
}
}

@media only screen and (max-width: 436px) {
.single-product div.product table.variations {
margin-bottom: -2em !important;
}
}

Un Saludo


 
Respondido : 12/05/2020 3:50 pm
javier reaccionó
Respuestas: 98
Trusted Member
Topic starter
 

@karen

Funciona gracias.

Podríamos hacer lo mismo para las páginas de categorías?

Screenshot 20200513 000433

 
Respondido : 12/05/2020 10:07 pm
Bulmaro
Respuestas: 4380
Famed Member Moderator
 

@1976javierpablogmail-com

Hola,

Prueba con el siguiente CSS e indícame los resultados obtenidos:

@media (max-width: 580px){
  ul.products li.product .price{     
margin-bottom 0px;
line-height:1.1;   
}
}
Saludos 🙂

Esta publicación ha sido modificada el hace 5 años por Bulmaro
 
Respondido : 13/05/2020 1:33 am
javier reaccionó