Modify font of texts inside filter widgets

Hi,

Apparently, the font specifications for texts inside widgets are all inherit from Theme (woodmart font + woodmart color).

For filters, how to get them 100% aligned on Typography / Text Font (meaning font size, weight, color)?
https://snipboard.io/Now7sf.jpg

For products, how to get same layout than the one defined in advanced typo (product grid title and price)?
https://snipboard.io/6Uhw2Z.jpg

By the way, it’s not a good choice to impose “price” with primary color to all. We all need primary colors in a theme, to catch attention. Price may deserve a special attention if you are a discounter … but for a normal shop … it’s inappropriate and creating conflicts when you want that the attraction goes to product itself

Kind regards

Hello,

You can change the font by means of the Advanced typography option, which allows you to choose the item from a drop-down or insert your custom CSS class. Please navigate to the Theme Settings > Typography > Advanced Typography.

Here is the documentation providing more detailed instructions: https://xtemos.com/docs/woodmart/advanced-typography-settings/

Best Regards

Hi,

Sorry, I don’t see widget options.

There, there are different options

Main navigation / Mobile Menu / Page Heading / Product categories / Single Product / Blog, I see nothing, and it’s not the topic (text inside widget)

Other navigation – same, nothing related to widget
https://snipboard.io/2Fiwur.jpg

If it’s custom section, then 2 questions:
– how to label what you call my-custom-class (re. text in widgets)?
– how to make it happen only on desktops?

Kind regards

Hi,
I regenerated all thumbnails via WP-CLI. Took a while …
New screen shot:
https://snipboard.io/2lNcnG.jpg
It’s less awfull, ie at least the size ratio is respected but still, and again compared with Basel which is perfect, the specific issues of woodmart are:
– blurred image (100% clean with basel
– excerpt sometimes absent (all included in basel, for the same posts)
– fully useless hover (3 dots appearing for … nothing)

NB:
– the credentials below are for staging. You can do whatever you need to, I really don’t mind.
-if you want to test this widget, better to do it with a new page from scratch. WPBakery is a nightmare for CPU, 1 element is enough to have fun. Otherwise, reactivate gutenberg, and included your widget form there is possible …. with gutenberg, the CPU usage remains in the green area, whatever is done.

Kind regards

Hello,

As for the change of the fonts. Please provide page URs, and screen what you want to change, I will provide custom CSS and you would set your values and add them into the Theme Settings > Custom CSS Desktop/Mobile.

As for the images on the blog, please upload bigger images and test. Your images are very small.

Best Regards

Hello,

1. My wrong choice was to choose “thumbnail”. With “medium”, it is as need be, thanks for the tip ! 🙂

2. The target is all the texts in widgets in sidebar, both in blog and shop.
This is an example of today with your default settings.
https://snipboard.io/o3cYyl.jpg

You chose mid-gray. And a rather small font size for desktop.
Consequence: the readibility and impact are reduced, especially for people who do not have good eyes (most 45+). This issue is higher when the background is not white, like mine.

I am sure you have 1000s of priorities right now so
– the minimum to do is to change the color to black instead of grey.
– if not time consuming for you, same font specs than text, ie Lato 400 in size 16.
Of course, for desktops only (sidebards).

NB: you may wonder to include widgets texts here, in addition to paragraph:
https://snipboard.io/r7IUYO.jpg
As a user, I don’t see why they must absolutely be different.

Kind regards

Hello,

Please add this code to the Theme Settings > Custom CSS > chose the appropriate device:

body .woodmart-woocommerce-layered-nav .layer-term-name {
    position: relative;
    font-size: 14px;
    line-height: 1.2;
	  color:red;
}
body .widget_categories ul li a {
    position: relative;
    font-size: 14px;
    line-height: 1.2;
	  color:red;
}

Set the values as per your needs.

Best Regards

Hello,
Perfect.
And thus sorted out
Thank you 🙂

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts