Home Forums WoodMart support forum Modify font of texts inside filter widgets

Modify font of texts inside filter widgets

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #283331

    pierredemeudon
    Participant

    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

    #283544

    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

    #283605

    pierredemeudon
    Participant

    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

    #283639

    pierredemeudon
    Participant

    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

    #283939

    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

    #283981

    pierredemeudon
    Participant

    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

    #284299

    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

    #284357

    pierredemeudon
    Participant

    Hello,
    Perfect.
    And thus sorted out
    Thank you 🙂

    #284769

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

    Best Regards

Viewing 9 posts - 1 through 9 (of 9 total)