Avisos
Vaciar todo

como centrar boton¡  

 
Jaime Erdulfo
 Jaime Erdulfo
Reputable Member

buenas tardes por favor quisiera centrar el boton que aparece aqui en el adjunto  

 

https://www.preventor.com.pe/

cats
Citar
Respondido : 04/05/2020 11:31 pm
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

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 🙂

ResponderCitar
Respondido : 05/05/2020 12:02 am

Cursos Gratuitos WordPress

Jaime Erdulfo
 Jaime Erdulfo
Reputable Member

@bulmaro-webempresa

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 ?

 

image

 

o sea que el boton sea de esa forma 

ResponderCitar
Respondido : 05/05/2020 12:07 am
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

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;
}


ResponderCitar
Respondido : 05/05/2020 12:54 am

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