Return to previous page

Mobile navigation font colour - by neil - on WordPress WooCommerce support

This topic has 8 replies, 4 voices, and was last updated 9 years, 5 months ago ago by Robert Hall

neil

Participant

December 2, 2014 at 22:50

Hi

I have two issues, both regarding link color issues

First, on a mobile the menu links are black (same colour as the nav background.

Second, the quick view pop up on the products (when you hover over a product on the homepage for example) the hyperlinks add to cart or quick view are also black – the same colour as the background

Do you have custom css to change the font colours please?

#27756 Copied

7 Answers

neil

Participant

December 2, 2014 at 23:33

Sorry forgot to add my url http://www.ukfragrances,co.uk

#27759 Copied

Eva Kemp

Support staff

December 3, 2014 at 10:49

Hello,

1. Please add this code into custom.css file:
.mobile-nav-heading {color: white !important;}

2. Sorry, but I don’t see issues with “quick view” button. Could you please show a screenshot?

How to create custom.css you can watch in this tutorial (it’s for Legenda theme but the process is the same).

Thank you.
Regards,
Eva Kemp.

#27805 Copied

Joost van Kempen

Participant

December 3, 2014 at 11:17

Hi Midslandonline,

We had the same problem. This is caused by the body font-color in the theme setting at Theme Options -> Typography -> Color. Removing the color from the theme options and adding the font color to the custom CSS it worked for us.

Kind regards,
Joost

#27811 Copied

neil

Participant

December 3, 2014 at 12:06

Hi

Thanks for the advice but nothing has worked. Nav font is still same color as the menu background

Eva if you hover over a product on the homepage there is a black bar that pops up which says WISHLIST and QUICKVIEW – the link color is black same as background

#27823 Copied
Robert Hall

Support staff

December 3, 2014 at 15:15
Hello midlandsonline,

Please add following code into custom.css file.
```
.footer-product a{
color:#fff !important;
}
```
Regards,
Robert Hall.
#27868 Copied
neil

Participant

December 3, 2014 at 15:32

Hi Robert

Thanks, this has half solved the problem but the QUICK VIEW link is still black and the mobile menu font is still black too

#27872 Copied
Robert Hall

Support staff

December 3, 2014 at 15:43
I’ve added this code into custom.css file. Check it.
```
.footer-product .show-quickly{
color:#fff;
}
.et-mobile-menu li a{
color:#fff !important;
}
```
Regards,
Robert Hall.
#27876 Copied
Tagged: colour, font, mobile, navigation, templates, woocommerce, wordpress
Viewing 8 results - 1 through 8 (of 8 total)