Home › Forums › Basel support forum › REDONDEAR BOTONES

REDONDEAR BOTONES

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 11, 2022 at 6:05 am #402727

    mario2020
    Participant

    Hola Buen día

    Cómo hago mis botones redondeados como estos que adjunto en la foto porque los míos aparecen rectangulares y con puntas no se ven tan esteticos. Ajunto su tema y la pantalla completa de como los tengo yo. En qué parte de css debo modificarlo y cuál es el código me lo pueden compartir por favor??

    Attachments:
    You must be logged in to view attached files.
    September 12, 2022 at 12:14 am #402806

    Elise Noromit
    Member

    Hello,

    Please insert the site admin access into the Private content below the message area. We will provide custom CSS.

    Best Regards

    September 12, 2022 at 7:13 am #402836

    mario2020
    Participant

    listo ya les envíe mis accesos

    September 13, 2022 at 2:03 am #403086

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body input[type='email'], 
body input[type='search'], 
body input[type='number'], 
body input[type='url'], 
body input[type='tel'], 
body input[type='text'], 
body input[type="date"], 
body input[type="password"]{
border-radius:20px;
}
body .register .button, 
body .login .button, 
body .lost_reset_password .button {
border-radius:20px;
}
body .social-login-btn>a {
border-radius:20px;
}

    Best Regards

    September 15, 2022 at 5:13 am #405620

    mario2020
    Participant

    Muchas gracias los estuve probando estos días y funcionan bien pero me faltaron de redondear algunos botones. Me pueden apoyar con el CSS de las imagenes que señalo adjuntas por favor?? Con esto ya terminaría mi tienda, se los agradeceré para culminar.

    Attachments:
    You must be logged in to view attached files.
    September 17, 2022 at 2:29 am #406372

    Elise Noromit
    Member

    Hello,

    Please replace this code: https://gyazo.com/c8c5a8da39d412920736cfd567e72ab6

    with this one: 

    body .wc-proceed-to-checkout > a.button,
body .woocommerce .cart-actions .button,
html .woocommerce .cart-actions .coupon .button,
body .button.checkout,
body .btn-cart,
body .btn.btn-color-black,
body .social-login-btn>a {
border-radius:20px;
}

    If you have any questions please feel free to contact us.

    Best Regards

    September 18, 2022 at 7:21 pm #406551

    mario2020
    Participant

    Hola muchas gracias sólo quedaron estos botones que no se cambiaron. por favor

    Attachments:
    You must be logged in to view attached files.
    September 19, 2022 at 4:35 am #406640

    Elise Noromit
    Member

    Hello,

    I distinguished the checkout page and as for the others, please provide the page URLs.

    Best Regards

    September 19, 2022 at 4:46 am #406642

    mario2020
    Participant

    Hola muchas gracias ya te agregue los links de cada uno =)

    September 24, 2022 at 4:12 am #408256

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    .woocommerce .place-order button,
.wc-backward,
.wpcf7-form input[type=submit]{
	border-radius:20px;
}

    Best Regards

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)