buenas tardes por favor quisiera centrar el boton que aparece aqui en el adjunto
Hola Jaime,
Agrega el siguiente CSS desde Apariencia -> Personalizar -> CSS Adicional:
div.woocommerce ul{
text-align: center;
}
div.woocommerce ul li, div.woocommerce ul li a.button{
display: inline-block;
}
Saludos 🙂
si funciono pero esta muy junto y no se diferencia los botones , ahorita esta en cuadrado los bordes, se le podria poner las esquinas redondas ?
o sea que el boton sea de esa forma
Hola Jaime,
Agrégalo así para dejar un espacio con respecto al elemento superior del botón:
div.woocommerce ul li a.button{
top: 5px !important;
}
En el enlace siguiente -> border-radius encontrarás un generador de bordes para CSS, solo ajústalo a tu gusto y pega el código generado debajo de la regla top: 5px !important, por ejemplo:
div.woocommerce ul li a.button{
top: 5px !important;
display: inline-block;
border-radius: 53px 53px 53px 53px;
-moz-border-radius: 53px 53px 53px 53px;
-webkit-border-radius: 53px 53px 53px 53px;
border: 0px solid #000000;
}