Poner el precio debajo del título
-
Buenas, en la página principal que he puesto la tienda de woocommerce, tengo la imagen del producto, debajo el título y debajo el precio. La cosa es, que he puesto el botoón de AÑADIR AL CARRITO y lo he puesto a la derecha para que esté alineado con el titulo a la derecha, pues el título lo he puesto margin: left, pero ahora el precio se me queda justo a la derecha del título. Creo que tengo que añadir una línea de css en el título para que lea que a la derecha del título no haya nada y así se baje. ¿Alguien podría ayudarme?
Gracias.
-
Si puedes quitarle el margen superior al botón para que suba un poco. Eso está en
.woocommerce ul.products li.product .buttonTen en cuenta que si el título es largo el botón quedaría encima, esa es la razón por la que baja, para que se vea en la línea completa el título.
Un saludo
Como te dije antes, el h2 va en una línea y el precio en otra. Si pones el margen del botón en negativo se monta en las líneas anteriores, por tanto, no pongas margen negativo, ponlo a cero.
También puedes crear estilos diferentes para la versión móvil y la versión desktop, de manera que los margenes sean diferentes según se trate.
Un saludo
Todos esos códigos los puedes poner en Ajustes – Personalizar – CSS adicional.
Podrías probar
@media (min-width: 768px) {
.woocommerce ul.products li.product .button {
margin: 5px;
}
}
o el valor que quieras.Saludos
El debate ‘Poner el precio debajo del título’ está cerrado a nuevas respuestas.