Return to previous page

Wishlist and Quickview - by turner7 - on WordPress WooCommerce support

This topic has 8 replies, 5 voices, and was last updated 9 years, 9 months ago ago by Eva Kemp

turner7

Participant

February 4, 2015 at 21:52

I would like to change the color of the wishlist and quickview text color within the shop page when you’re browsing multiply products. As is, the text is black and the background is black. I would like to change the text color to white. How would I go about doing this? I went into WooCommerce’s settings to the wishlist page and selected don’t use theme styling and selected the colors, but it seems that didn’t do the trick.

Thanks

#39843 Copied

7 Answers

Robert Hall

Support staff

February 4, 2015 at 21:57

Hello,

As I see your text have white color now. Please look at screenshot: http://prntscr.com/61442n

Regards,
Robert Hall.

#39845 Copied
rfrigge

Participant

February 4, 2015 at 22:01
See this link, i had kind of same issue.

https://www.8theme.com/topic/correcting-wishlist-font-and-quick-view-font/

I think for you it would be
```
.footer-product span.show-quickly, .footer-product a.add_to_wishlist {
color: white;
}
```
hope it works for you.
#39846 Copied
turner7

Participant

February 4, 2015 at 22:29

We are working on this site: http://teakinidetox.digitalj2.com/detox-teas/ and that css did not work.

Please, contact administrator
for this information.

#39849 Copied

turner7

Participant

February 4, 2015 at 22:31

Nevermind, I got it. Thanks for all the help. Great support.

#39850 Copied

Robert Hall

Support staff

February 4, 2015 at 22:51

Hello,

You’re welcome!
If you have any questions don’t hesitate to contact us.

Regards,
Robert Hall.

#39854 Copied

kisazaru

Participant

February 8, 2015 at 12:09

Hi All,

I currently disable the Wishlist and Quickview on my product page but the black hover background at the bottom is still there when you hover your mouse over the product. How do I disable that black hover?

Appreciate your help on this matter.

Thanks

#40373 Copied
Eva Kemp

Support staff

February 8, 2015 at 20:16
Hello @kisazaru,

Please add this code in custom.css file:
```
.footer-product {
    display: none;
}
```
How to create custom.css is described in our video tutorial (it’s for Legenda theme but the process is the same).

Thank you.
Regards,
Eva Kemp.
#40393 Copied
Viewing 8 results - 1 through 8 (of 8 total)