How to adjust the weight and font size of Prouct name on Product Page and Catego

This topic has 6 replies, 2 voices, and was last updated 5 years, 11 months ago ago by Rose Tyler

  • Avatar: Lily
    Lily
    Participant
    April 13, 2018 at 12:17

    Hi,

    I am looking to change the font weight and font size of the Product Name/Product Price on the category page

    See here: https://screencast.com/t/EEHekheW

    And then on the product page, we want to increase the font size of the product name/Product Size, see here: https://screencast.com/t/rS04JOuVK

    We want to be able to change the font size separately.

    Please, contact administrator
    for this information.
    5 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 13, 2018 at 12:28

    Hello,

    .products-grid .product .product-name {
        font-size: 20px;
        font-weight: 600;
    }
    .products-grid .product .price {
        font-size: 20px;
        font-weight: 900;
    }
    .single-product h2.product-name {
        font-size: 20px;
        font-weight: 800;
    }
    .single-product-page .product-info .price {
        font-size: 20px;
        font-weight: 600;
    }

    Regards

    Avatar: Lily
    Lily
    Participant
    April 18, 2018 at 00:15

    Hi,

    I have added and made the product names 16px but I cannot see this? Can you confirm this has worked?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 18, 2018 at 07:51

    Hello,

    Where did you add the code?
    Please note that custom css code should be added in style.css file of child theme or in custom.css file of the parent theme. To create “custom.css” you can rename the file “default.custom.css” which is located in theme directory.

    Regards

    Avatar: Lily
    Lily
    Participant
    April 18, 2018 at 15:14

    Hi

    please see here: https://screencast.com/t/Cv5KOEbe

    it is added

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 19, 2018 at 07:34

    Hello,

    Move your custom.css file from child theme to parent theme folder > clear cache and let me know if it works.

    Regards

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

You must be logged in to reply to this topic.Log in/Sign up

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