Home Forums Basel – Premium Template How to Make All Button to have a Rounded Corner?

This topic contains 5 replies, has 3 voices, and was last updated by Bogdan Donovan Bogdan Donovan 2 months, 2 weeks ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #19999

    agungmegaiswara
    Participant

    Hi,

    How do I make all buttons to appear with a rounded corner?
    And what is the div tag css for Paypal Checkout Button?
    I still can not figure out how to make the background of paypal checkout button to be transparent.
    Thank you

    #20016
    Artem Temos
    Artem Temos
    Keymaster

    Hi,

    Please, provide us your website access so we can see how we can help you with a custom CSS.

    Regards

    #20109

    agungmegaiswara
    Participant

    Sorry for my late reply due to my server breakdown because of Cloudflare Domain Control Validation error.

    Would you mind to just share the code?
    So, I can also learn how to fix it by myself.
    Thank you very much

    #20110
    Bogdan Donovan
    Bogdan Donovan
    Keymaster

    Hello,

    Try to add the following code snippet to the Custom CSS area in Theme Settings to make all buttons rounded.

    .button, 
    button, 
    input[type=submit],
    .yith-woocompare-widget a.button.compare,
    .single-product-content .cart .button,
    .woocommerce .cart-actions .coupon .button,
    .added_to_cart.btn-color-black, 
    input[type=submit].btn-color-black,
    .wishlist_table tr td.product-add-to-cart>.add_to_cart.button,
    .basel-hover-quick .quick-shop-btn > a,
    table.compare-list tr.add-to-cart td a,
    .added_to_cart.btn-color-primary, 
    .btn.btn-color-primary,
     .button.btn-color-primary, 
     button.btn-color-primary, 
     input[type=submit].btn-color-primary,
    .widget_shopping_cart .buttons .checkout,
    .widget_shopping_cart .widget_shopping_cart_content .buttons .checkout,
    .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a,
    .woocommerce-checkout .place-order input[type=submit],
    .woocommerce-checkout .checkout_coupon .button,
    .woocommerce input[name=save_account_details], 
    .woocommerce input[name=save_address], 
    .woocommerce input[name=track], 
    .woocommerce-page input[name=save_account_details], 
    .woocommerce-page input[name=save_address], 
    .woocommerce-page input[name=track],
    .woocommerce .return-to-shop .button,
    .basel-navigation .menu > li.callto-btn > a,
    .basel-hover-standard .btn-add > a,
    .basel-hover-excerpt .btn-add a,
    .basel-hover-quick .woocommerce-variation-add-to-cart .button,
    .basel-search-dropdown .basel-search-wrapper .basel-search-inner form button,
    .basel-info-box.box-style-border .info-btn-wrapper a, 
    .basel-info-box2.box-style-border .info-btn-wrapper a,
    .basel-price-table .basel-plan-footer>a,
    .widget_shopping_cart .buttons a:first-child,
    .woocommerce .cart-actions .button {
    	border-radius: 35px;
    }

    Here is class for access to PayPal button via CSS

    .woo_pp_cart_buttons_div .wcppec-checkout-buttons__button

    Regards

    #20136

    agungmegaiswara
    Participant

    Thank you very much Mr. Bogdan Donovan.

    #20152
    Bogdan Donovan
    Bogdan Donovan
    Keymaster

    You are welcome!

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

You must be logged in to reply to this topic.