Return to previous page

Change the color of the woocommerce buttons and doubts

This topic has 6 replies, 2 voices, and was last updated 2 years, 6 months ago ago by Rose Tyler

AdminVirtual

Participant

September 24, 2021 at 16:46

Hello good afternoon,

I have some doubts:

1.How can I clear the theme cache? I make changes and they are not displayed in the browser; install a cache cleaner and it doesn’t save either, in customization if you see it but when you see it in a browser, they don’t come out; working on one laptop and working on another does not display the changes.

2. Doesn’t the theme come with a wishlist plugin? does not appear to me …

3. How can I change the color of the woocommerce buttons? and most of them come out black, I would like pink …

4. Finally, how can I color the side menu?

I appreciate your help.

NATHALIA MEJIA
AdminVirtual

Please, contact administrator
for this information.

#303397 Copied Theme version: v.8.0.6 WooCommerce version: Versión 5.7.0

5 Answers

Rose Tyler

Support staff

September 25, 2021 at 09:20

Hello,

Thanks for using our theme.
1/ What exactly changes do you mean?
2/ XStore > Plugins Installer > Install and activate YITH WooCommerce Wishlist plugin, read more – https://xstore.helpscoutdocs.com/article/102-wishlist
3/ Theme Options > Styling > change settings for buttons
4/ Theme Options > Header builder > Mobile menu

Regards

#303442 Copied

AdminVirtual

Participant

September 29, 2021 at 18:29

Hello, thank you very much for your answer,

-In the first item I was referring to the fact that I make changes to the style of the theme but they are not displayed in the browser I have to be deleting the browsing history many times and in some cases the same previous configuration remains and I have to change pc and browser to view the new changes.
Is there a way to visualize the changes immediately?

-in the 2 item I could already install the wish list … thank you!

-In the 3 item, most of the buttons changed color but there are some: the quick view and the one that preview the shopping cart that come out black and gray, also some accents continue to appear in green and I don’t know how to change them

– In the 4 item change the color where it says: Border Color Of The Menu Icon -but the change of the background color of the menu is not reflected

Thank you !

#303974 Copied
Rose Tyler

Support staff

October 1, 2021 at 10:43
Hello,

Sorry for the delay in answering.
1/ I’ve asked “what exactly changes”, because if you are talking about menu/static blocks, go to Theme Options > Speed optimization > disable Menu Dropdown Ajax Loading, Menu Cache, Static Blocks Cache options, enable them once all changes will be done. If you are talking about other changes, use Clear cache Chrome extension https://chrome.google.com/webstore/detail/clear-cache/cppjkneekbjaeellbfkmgnhonkkjfpdn/RK%3D2/RS%3DzwqaryCReNAACSfd_oYYPpX0_tw- to clear the browser cache if you use Chrome. Also, disable cache plugin that you are using if the site is under development. You’ll be able to enable the cache plugin once you finish all changes.
2/ You’re welcome!
3/ Colors of the Quick view buttons can be changed by adding the next code in Theme Options > Theme custom CSS:
```
.footer-product .show-quickly {
    background-color: red;
}
.footer-product .show-quickly:hover {
    background-color: blue;
}
```
https://prnt.sc/1uc6l30 – buttons come from Elementor, so contact support of Elementor or use the next custom CSS code:
```
.elementor-menu-cart__footer-buttons .elementor-button {
    background-color: red !important;
}
.elementor-menu-cart__footer-buttons .elementor-button:hover {
    background-color: blue; !important;
}
```
4/ Please check one more time – Theme Options > Header builder > Mobile menu > https://prnt.sc/1uc604a

Regards
#304117 Copied
AdminVirtual

Participant

October 3, 2021 at 05:24

Hello, thank you very much, all doubts have been resolved and the necessary adjustments have been made.

I appreciate your help.

One last question, I can’t find where to change this text and this green color. https://prnt.sc/1ukvtxr

Thanks!

#304312 Copied
Rose Tyler

Support staff

October 3, 2021 at 06:59
Hello,

You’re welcome!
Read about Progress Bar here https://xstore.helpscoutdocs.com/article/110-sales-booster
Color can be changed using custom CSS code, for example:
```
.woocommerce-message {
    background-color: #bf5381;
}
```
Regards
#304315 Copied
Tagged: change color, customize, help, woocommerce buttons, woocommerce template, wordpress
Viewing 6 results - 1 through 6 (of 6 total)