• Resolved tatjanaostalceva

    (@tatjanaostalceva)


    Hi! I can’t customize font family and font size of product names on my catalog (shop) page and on my home page. I went to CUSTOMIZE – TYPOGRAPHY – Body and tried to do it there, but the font family changed only on my home page and only after I disabled defoult fonts in Elementor settings, but the font size did not change. And the font size and the font family remained the same on my shop page. I cleared the cache, tried from incognito page, tried CSS given in this forum for such cases – nothing worked.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support EtienneP a11n

    (@etiennep)

    Hi there!

    It could be that something on the site, such as Elementor is overriding the font-family, but you can add the following CSS under Appreanace > Customize > Additions CSS and change the font-family;

    .woocommerce ul.products li.product .woo-entry-inner li {
        font-family: Ribeye;
    }

    This is how it looks when I test the CSS on the site;

    Product-font-family
    Link to image: https://d.pr/i/1qiVGV

    Thread Starter tatjanaostalceva

    (@tatjanaostalceva)

    Thank you, the problem of the font family is solved. Also I tried to insert the same css for font size, but it didn’t work. I changed font-family: ribeye for font-size: 30px. Didn’t help

    Plugin Support EtienneP a11n

    (@etiennep)

    Thanks for confirming!

    The font size would need different CSS and you can use the below CSS for that;

    .woocommerce ul.products li.product li.title a {
        color: #08932b;
        font-size: 20px;
    }

    You can adjust the font-size as needed

    Thread Starter tatjanaostalceva

    (@tatjanaostalceva)

    Thank you so much, it worked just fine

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Customizing Product names css does not help’ is closed to new replies.