Return to previous page

How can I add a 1px border to the ‘Buy Now’ button?

This topic has 3 replies, 2 voices, and was last updated 1 years, 7 months ago ago by Digital Dandy Agency

Digital Dandy Agency

Participant

April 10, 2023 at 17:53

How can I add a 1px border to the ‘Buy Now’ button to match the ‘Add to Cart’ button? Where can I find the settings for this?

Additionally, is it possible to change the text from ‘Buy Now’ to ‘Checkout’?

Please, contact administrator
for this information.

#352878 Copied Theme version: 9.1

2 Answers
Tony Rodriguez

Support staff

April 11, 2023 at 06:35
Hello, Digital Dandy Agency,

We kindly request that you copy and paste the following CSS code to XStore >> Theme Options >> Theme Custom CSS >> Global CSS and then clear your browser cache.
```
.product-content .et-single-buy-now.single_add_to_cart_button.button {
    border: 1px solid #000 !important;
}
```
In order to change the text, you will need to use the Loco Translate plugin, which can be found here: https://www.8theme.com/documentation/xstore/theme-translation/base-theme-translation/.

Please refer to the screenshots provided at the following links: https://postimg.cc/fVs6KMnG and https://postimg.cc/G8T7RfnP.

We thank you for your cooperation.

Best Regards,
8Theme’s Team
#352898 Copied
Digital Dandy Agency

Participant

April 11, 2023 at 14:51

Thank you.

#352960 Copied
Tagged: border, button, buy now, themes, woocommerce, wordpress
Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘How can I add a 1px border to the ‘Buy Now’ button?’' has been successfully resolved, and the topic is now closed for further responses

How can I add a 1px border to the ‘Buy Now’ button?

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection