Return to previous page

Banner with mask Issue - by West Socks - on WordPress WooCommerce support

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

West Socks

Participant

May 27, 2020 at 17:36

How do I change the text hover color for the 4 banners on my home page? There was no option on the backend. Also, how do I get the buttons to show?

Thanks.

#239005 Copied Theme version: 6.3.3

9 Answers
Olga Barlow

Support staff

May 27, 2020 at 23:57
Hello,

As I can see there is some custom code in Theme Options > Custom CSS
```
.banner .banner-title:hover {
    color:#888 !important;
}
```
We don’t have a special option in the banner element settings to change the color of the text when you hover over the banner.

Regards
#239048 Copied
West Socks

Participant

May 28, 2020 at 02:19

I, unfortunately, do not see that custom code in the editor? I would like it to be #dc2935 instead of #888. Please can you take a look? Also can you take a look as to why the button does not show? And finally the following custom code doesn’t seem to want to work either? It still comes in green.

.woocommerce-message, .woocommerce-error, .woocommerce-info, .dokan-info, .dokan-error, .dokan-alert, .dokan-alert-success, .mc4wp-alert, .woocommerce-order-overview-wrapper ~ p {
background: #dc2935;
}

Please contact administrator
for this information.

#239055 Copied
Rose Tyler

Support staff

May 28, 2020 at 07:15
Hi,

1) The mentioned code you can find in Custom CSS for page area – http://prntscr.com/sp6scz
2) Make sure that you added a Title of the button.
3) Custom CSS area should not contain any script code – http://prntscr.com/sp6u9r
Use the next code to change bg color here http://prntscr.com/sp6vtm
```
.sticky-message-on .content-page .woocommerce-message{
  background-color: #dc2935 !important;
}
```
Regards
#239064 Copied
West Socks

Participant

May 28, 2020 at 16:03

1) Thank you – that worked.
2) I am not able to see where to add the title for a button on the banner mask
3) Sounds good
4) I added this to the theme css but when you go to the shopping cart and increase the qty of a product and click update, it still shows in green.

#239153 Copied
John Holden

Support staff

May 29, 2020 at 05:13
Hi,

2. https://prnt.sc/spt0jz

4. Use below code
```
.woocommerce-message, .woocommerce-error, .woocommerce-info, .dokan-info, .dokan-error, .dokan-alert, .dokan-alert-success, .mc4wp-alert, .woocommerce-order-overview-wrapper ~ p {
    background: #dc2935;
}
```
Regards,
Hung PD
#239182 Copied
West Socks

Participant

May 29, 2020 at 16:30

2. Worked thank you for showing me

4) When you are on a product page and you add to cart it is still green?

Thanks,

Matt

#239251 Copied
Rose Tyler

Support staff

May 30, 2020 at 07:19
In this case, change the previous code to
```
.sticky-message-on .content-page .woocommerce-message,
.woocommerce-message, .woocommerce-error, .woocommerce-info, 
.dokan-info, .dokan-error, .dokan-alert, .dokan-alert-success, 
.mc4wp-alert, .woocommerce-order-overview-wrapper ~ p{
  background-color: #dc2935 !important;
}
```
Regards
#239294 Copied
West Socks

Participant

June 4, 2020 at 19:23

That worked. Can you look at one last thing? My search bar seems to take a while to load when you start entering text.

#239954 Copied

Rose Tyler

Support staff

June 5, 2020 at 07:18

On first sight, it works fine – https://gyazo.com/cc7ec72db0ba17822be4af5ab93259f5
Ajax search results speed depends on server response time and optimized structure of your DB. When you type anything site generates requests to get results and if your server response is quick then you get them immediately.

Regards

#239973 Copied
Viewing 10 results - 1 through 10 (of 10 total)