How to remove the border of the single buy now button

Hi,

I have a buy now button on the single product page. You can come to this page by clicking Earrings and any product. How to remove this button’s border?

Attachments:

You must be logged in to view attached files.

Hello,

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

.single-product .wd-buy-now-btn {
    border: none !important;
}

Best Regards,

Thank you. Could you also provide css codes to increase the height of both buttons? They are a bit too narrow at the moment.

It is the vertical height of the buttons that need to be increased, btw. see attached.

Attachments:

You must be logged in to view attached files.

Hello,

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

.single-product .single_add_to_cart_button,
.single-product .wd-buy-now-btn {
    height: 60px; /* adjust this value as needed */
    font-size: 18px;
}

Best Regards,

Got it. Thank you very much.

Hello,

You’re very welcome! I’m glad I could help. If you need anything else, feel free to reach out!

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards,

[Author]

Posts