Home Forums Basel – Premium Template REDONDEAR BOTONES

REDONDEAR BOTONES

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #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.
    #402806

    Elise Noromit
    Keymaster

    Hello,

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

    Best Regards

    #402836

    mario2020
    Participant

    listo ya les envíe mis accesos

    #403086

    Elise Noromit
    Keymaster

    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

    #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.
    #406372

    Elise Noromit
    Keymaster

    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

    #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.
    #406640

    Elise Noromit
    Keymaster

    Hello,

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

    Best Regards

    #406642

    mario2020
    Participant

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

    #408256

    Elise Noromit
    Keymaster

    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

Viewing 10 posts - 1 through 10 (of 10 total)