Home › Forums › WoodMart support forum › Capitalize Product Title

Capitalize Product Title

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • January 24, 2019 at 11:09 am #103839

    EntreDosCom
    Participant

    Hi, I´m trying to put a CSS code to capitalize the product title on grid but it doesn´t works. Can you help?

    .product-title a {
    text-transform: capitalize;
    font-size: 17px;
    }

    January 24, 2019 at 11:20 am #103841

    EntreDosCom
    Participant

    http://prntscr.com/mbi15t

    January 24, 2019 at 2:23 pm #103902

    Elise Noromit
    Member

    Hello,

    Here is the correct code: 

    body .product-grid-item .product-title{
text-transform:capitalize;
}

    Best Regards

    January 24, 2019 at 2:30 pm #103904

    EntreDosCom
    Participant

    I don´t know what happens, it doesn´t work too 🙁

    January 24, 2019 at 3:40 pm #103913

    Elise Noromit
    Member

    Hello,

    Your product titles are written with Caps Lock that is why CSS code is not effective. You need to retype your product tile without Caps Lock.

    Best Regards

    January 25, 2019 at 12:55 pm #104061

    EntreDosCom
    Participant

    Hi Elise, thanks!! Solved!

    The same product name seems little on mobile devices but I can´t make it bigger with the same CSS for mobile devices.

    http://prntscr.com/mc18e2

    January 25, 2019 at 2:22 pm #104089

    Elise Noromit
    Member

    Hello,

    Add this code to the Theme Settings > Custom CSS > Mobile:

    body ul.product_list .product-name {
    font-size: 30px;
}

    Best Regards

    January 27, 2019 at 11:03 am #104283

    EntreDosCom
    Participant

    Sorry Elise, it doesn´t work 🙁

    January 27, 2019 at 11:51 am #104296

    Elise Noromit
    Member

    Hello,

    Find this code and change the font-size http://prntscr.com/mcsbp6

    Best Regards

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