Changing Captial letter for Product name in Category page

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

  • Avatar: kkszeto8
    kkszeto8
    Participant
    February 3, 2016 at 06:30

    Hi Robert,
    Good Morning!

    I added the code in Global CSS as below,

    .products-grid .product-title{
    font-family:Arial;
    font-size: 14px;
    color: #183242;
    text-transform: capitalize !important;
    }

    Fonts; Fonts size and color is working, except the text-Transform. I would like to become uppercase for the first letter and the other is lowercase.

    For Example,
    APPLE JUICE —> Apple Juice

    Thank foe help!

    Keith

    3 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    February 3, 2016 at 09:43

    Hello,

    I’ve added this code in Global Custom CSS:

    .products-grid .product-title > a {
        text-transform: capitalize;
    }

    Please check product titles now.

    Regards,
    Eva Kemp.

    Avatar: kkszeto8
    kkszeto8
    Participant
    February 3, 2016 at 09:50

    Thanks Eva for your help!! Apperciated!!

    Regards
    Keith

    Avatar: Eva
    Eva Kemp
    Support staff
    February 3, 2016 at 12:18

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

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

The issue related to '‘Changing Captial letter for Product name in Category page’' has been successfully resolved, and the topic is now closed for further responses

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