Decrease font size for the product titles in category pages

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

  • Avatar: sorin.manica
    sorin.manica
    Participant
    October 3, 2014 at 11:53

    Hello!

    I want to make the title font sizes of the products from category pages smaller. How can I do that? I already tried from the typografy section in the theme’s options, at the H3 subsection, however those settings don’t count – maybe it’s a bug in the theme.

    Please note that for the category pages I have the following custom .css, made from previous problems solved via tickets here:

    img.hide-image {
    height: 192px;
    }
    
    .products-grid .product .product-name {
    text-transform: none;
    }
    
    .products-grid .product .product-name {
    height:45px;
    }

    Thank you in advance 🙂

    7 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    October 3, 2014 at 11:58

    Hello,

    Please provide us with link to the page.

    Regards,
    Robert Hall.

    Avatar: sorin.manica
    sorin.manica
    Participant
    October 3, 2014 at 12:07

    This is the link …. http://www.protopopescu.ro/demo-adi/site/product-category/furniture/

    The site is just a demo for a client, is not live, you have admin credentials below.

    Thanks 🙂

    Please, contact administrator
    for this information.
    Avatar: Robert Hall
    Robert Hall
    Support staff
    October 3, 2014 at 12:20

    Try to add this code into custom.css file.

    .products-grid .product .product-name{
    font-size: 14px;
    }

    Regards,
    Robert Hall.

    Avatar: sorin.manica
    sorin.manica
    Participant
    October 3, 2014 at 13:02

    Great, it works! Thank you very much! 🙂

    Avatar: Robert Hall
    Robert Hall
    Support staff
    October 3, 2014 at 13:44

    You’re welcome!
    If you have any questions don’t hesitate to contact us.

    Regards,
    Robert Hall.

    Avatar: tbijeux
    tbijeux
    Participant
    December 5, 2014 at 18:14

    To make the change in the custom.css file, do I need to do this in my Control Panel in the file??

    or can I do this within wordpress?

    Sorry, bit of a newbie with WordPress!

    Thanks

    Avatar: Eva
    Eva Kemp
    Support staff
    December 5, 2014 at 19:30

    Hello,

    You can edit custom.css in WordPress admin panel, but at first you need rename default.custom.css to custom.css.
    How to create custom.css you can watch in this tutorial.

    Regards,
    Eva Kemp.

  • Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘Decrease font size for the product titles in category pages’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.