Return to previous page

'Featured Products' widget – font is wrong. How do I resolve?

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

chrisfields

Participant

October 6, 2015 at 10:56

On my Web site, there is a static block for the footer that includes the Featured Products widget. I believe that Woocommerce is setup correctly because the products show up correctly on those pages, and all other text seems to be using the Google font I’ve selected (not sure why this needs to be done in CSS when there’s a Typography option, but hey ho!).

However, in the Featured Products widget, the font used seems to be the standard font that is set in the theme when delivered (Raleway). I need to change this to my desired Google font, Hind. How do I do this?

#91686 Copied Theme version: Woo press 2.4 WooCommerce version: 2.4.7

7 Answers

chrisfields

Participant

October 6, 2015 at 10:57

Oops, wrong site posted in private content! Revised now.

#91687 Copied Theme version: Woo press 2.4 WooCommerce version: 2.4.7
Eva Kemp

Support staff

October 6, 2015 at 12:42
Hello,

Try to use this code in Global Custom CSS:
```
.main-footer-1 a {
    font-family: Hind;
}
```
Regards,
Eva Kemp.
#91729 Copied
chrisfields

Participant

October 6, 2015 at 14:28

That seems to have solved the font issue, thanks.

Now all I need to sort out are the colours. If you look, when you hover over Add to Wishlist, Add to basket or Select Options, it is all black. On the product page its similar – it never used to do this (I’m sure this went wrong when I last updated the theme). Any ideas on that one? Does seem to get inconsistent results between different products too!

#91784 Copied

Brian Johnson

Member

October 6, 2015 at 14:44

Hello,

Please add following code into the custom.css:
.yith-wcwl-add-button a,.show-quickly, .single_add_to_cart_button{color:white!important;}

Regards,
Brian Johnson

#91791 Copied
Robert Hall

Support staff

October 6, 2015 at 14:45
Hello,

Please try to add the following code in Global Custom CSS.
```
.etheme_add_to_cart_button:hover,
.product_type_variable:hover {
    color: #fff !important;
}
.add_to_wishlist,
.show-quickly{
    color: #fff !important;
}
```
Regards,
Robert Hall.
#91792 Copied
chrisfields

Participant

October 6, 2015 at 16:45

Awesome, thanks!

#91852 Copied

Eva Kemp

Support staff

October 6, 2015 at 16:53

Hello,

You’re welcome.

Regards,
Eva Kemp.

#91856 Copied
Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘'Featured Products' widget – font is wrong. How do I resolve?’' has been successfully resolved, and the topic is now closed for further responses

'Featured Products' widget – font is wrong. How do I resolve?

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection