Return to previous page

How to Edit BuyNow button on Add to Cart sticky bar?

This topic has 5 replies, 2 voices, and was last updated 2 years, 3 months ago ago by Kstb1979

Kstb1979

Participant

September 24, 2022 at 06:28

How to edit Buynow button on add to cart sticky bar?
I want to change :
1. backgroud color of the button
2. Border radious of 20px all sides
3. redirect directly to assigned link on button

https://drive.google.com/file/d/1jypJonPeX4g94qf5dsToZiDSk-grDm7Q/view?usp=sharing

#334945 Copied Theme version: 8.3.2 WooCommerce version: 6.9.2

4 Answers

Tony Rodriguez

Support staff

September 24, 2022 at 07:19

Hello, @Kstb1979,

1&2- In order to solve your issue simply go to the Dashboard >> XStore >> Theme OPtions >> Theme Custom CSS >> Global and paste the below code at the bottom of the CSS box there.

.etheme-sticky-cart .etheme_custom_add_to_cart.button.single_add_to_cart_button.pointer{background:red !important; border-radius:20px !important;}

Note: In the above code the word “red” is the color you can change it with the color you want.

Then save settings and check back to your site after clearing the browser cache. The result will appear like this: https://postimg.cc/4m7tc1M0

3- No, there is no option in the theme to set the link of it. By default, it works like this and you cannot change it except through customization.

If you want paid Customization services submit a customization request to WPKraken team.

Regards 8Themes Team.

#334952 Copied

Kstb1979

Participant

September 24, 2022 at 07:58

great support tony. almost done. Just want to match product page button font with add to cart button font. Pls help.

https://drive.google.com/file/d/1Wf9DquFTC7Rbv6H9NdkL6YKjcxi8Mfd0/view?usp=sharing

#334956 Copied
Tony Rodriguez

Support staff

September 24, 2022 at 09:49
Hello, @Kstb1979,

Please copy and paste the below-given CSS code to XStore >> Theme Settings >> Theme Custom CSS >> Global CSS and change the font-family in the given code as per your requirements.
```
.single-product .ctc_chat.ctc_woo_place p.ctc_s_7_1_cta.ctc-analytics.ctc_cta.ht-ctc-cta {
    font-family: Oswald, sans-serif !important;
}
```
Regards 8Themes Team.
#334964 Copied
Kstb1979

Participant

September 24, 2022 at 13:29

thanks tony

#334968 Copied
Tagged: add to cart, button, buynow, edit, sticky bar, themes, woocommerce, wordpress
Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘How to Edit BuyNow button on Add to Cart sticky bar?’' has been successfully resolved, and the topic is now closed for further responses

How to Edit BuyNow button on Add to Cart sticky bar?

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection