How to Make All Button to have a Rounded Corner?

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

Hi,

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

Regards

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

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

Thank you very much Mr. Bogdan Donovan.

You are welcome!

[Author]

Posts