Return to previous page

About The Add To Cart Setup Of My Website

This topic has 4 replies, 2 voices, and was last updated 3 years ago ago by Olga Barlow

wayy634

Participant

November 29, 2021 at 11:12

Hi there,

I noticed that the setting for the “ADD TO CART” button is applied to all the pages. However, for some of the pages like the “PROMOTION” page or “EVENT” page, for those independent pages (or page), I want the “ADD TO CART” button to show in a different style. And how can I make that available?

Thanks in advance and I will be more appreciated if you show me by video recording.

Please, contact administrator
for this information.

#310175 Copied Theme version: 8.0.8

3 Answers

Olga Barlow

Support staff

November 29, 2021 at 15:23

Hello,

Could you, please, provide us with links to these pages and tell me what styles do you want for the add to cart button there?

Regards

#310217 Copied

wayy634

Participant

November 30, 2021 at 04:36

Hi buddy,

Thanks for your quick response.

(PLEASE NOTE: All the changes of the “ADD TO CART” button I mentioned are only applied to the CATEGORY page. And the single product page is not included)

1. And right now I want ALL the borders of the “ADD TO CART” button on all pages to look elliptical rather than rectangular. Just like this style:

https://gyazo.com/da4fbe1996f34de4ea2d5bf761140595

2. And the background color of the “ADD TO CART” is grey and CMYK is #F2F2F2 and now I want that to show in white, If available, could you add a cute icon on the top of the right “ADD TO CART” section on one specific path like https://www.diymag4u.com/magnets-black-friday-sale/. Just like this: https://gyazo.com/abd7e3b0e6352611e574f18bdad79b5e

3. Last but not least, about the size of “ADD TO CART” on the category page, can I stretch it a little, not too much. Maybe just 10 px would be enough.

Could you help me with that out by video recording? Thanks in advance.

Yours

Zhenjiang

Please contact administrator
for this information.

#310308 Copied
Olga Barlow

Support staff

November 30, 2021 at 15:10
Hello,

1) Use Theme Options > Styling > LIGHT BUTTONS settings to change the add to cart styles on the category pages

2) Use Custom CSS section to add your custom code https://prnt.sc/213p9xw

3) Add below code to Theme Options > Custom CSS and change right/left padding according to your needs
```
.content-product .button {
    padding: 0.91rem 3rem;
}
```
Regards
#310395 Copied
Tagged: add to cart, setup, template, website, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)