Return to previous page

Theme Options - by hp - on WordPress WooCommerce support

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

hp

Participant

June 16, 2021 at 23:02

Hi there,

I would like to change below things but so far I cant find the option, can someone please help?

1. How to change fonts for footer menu?
2. Fonts/Color for copyright text?
3. Chnage button color for quick view?
4. instead of button can we able to keep eye(quick view) icon ?
5. Warning/Notices etc background color?
6. Menu badge (Hot/New etc) color?
7. on category page, it is possible to show secondary image on hover? right now its show left/right arrow and reuired manual click for switch. I wondering if we can show on hover?
8. chnage color of out of stock badge on category view?
9. it is possible to show Add to cart and buy now button next to each other?
10. Jump to top badge : how can we change color for this badge?

Looking forward to hearing from you. Thanks

#291163 Copied Theme version: 7.2.11 WooCommerce version: Latest

3 Answers
Rose Tyler

Support staff

June 17, 2021 at 10:09
Hello,

1) Theme Options > Theme custom CSS > Global custom CSS > find code for the Footer and delete/change code of font family.
Also, enable WPBakery for static blocks to be able to edit content of the Footer block.
2) Theme Options > Footer > Styling
3) Theme Options > WooCommerce > Shop > Products style > Hover Color Scheme
4) Theme Options > WooCommerce > Shop > Products style > play with settings
5) Provide screenhots of examples.
6) Add this code in Theme Options > Theme custom CSS > Global custom CSS:
```
.menu-label-new > a .label-text {
    background-color: #88b643;
}
.menu-label-hot > a .label-text {
    background-color: #a4004f;
}
```
7) Theme Options > WooCommerce > Shop > Products style > Image Hover Effect > Swap
8) Please provide URL and describe the desired result in more details.
9) By default, there is no such option.
10)
```
.back-top span {
    color: red;
}
.back-top svg path {
    stroke: red;
}
```
Regards
#291192 Copied
hp

Participant

June 24, 2021 at 22:52

Thanks for the update.

#2 I can able to change color for link but cant find the option for regular text and font styling – please see this screenshot – http://share.4bub.nz/HB1OcQ
#3 i can find only darl/light option, is there any way that I can assign custom color to match brand/style?
#5 – http://share.4bub.nz/62K70b
#6 I have added and its changing color expected however I am struggling to find option to add/remove from the menu, I had looked at menu section but couldnt find though. please advise.
#8 see one (last) product is out of stock and its having plain text, how can we modify it? – https://cuddly.co.nz/shop/

Thanks

#291997 Copied
Rose Tyler

Support staff

June 25, 2021 at 08:55
Hello,

2) Add the next code in Theme Options > Theme custom CSS > Global custom CSS:
```
.footer-bottom p {
    color: red !important;
}
```
3) Custom CSS code can be used. Try this one:
```
.product-view-mask2 .footer-product {
    background-color: #86aea8 !important;
}
```
5)
```
.woocommerce-error, .mc4wp-error, .dokan-error, .dokan-alert-warning {
    background-color: #c04214;
}
.woocommerce-info, .dokan-info, .mc4wp-info, .woocommerce-order-overview-wrapper ~ p {
    background-color: #59ff00;
}
```
6) https://gyazo.com/74a33b0abc0e49a267af82e6648cece2
8)
```
.content-product .stock, .content-product .available-on-backorder {
    background-color: #86aea88a;
    color: white;
}
```
Regards
#292039 Copied
Viewing 4 results - 1 through 4 (of 4 total)