Capitalize Product Title

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;
}

http://prntscr.com/mbi15t

Hello,

Here is the correct code:

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

Best Regards

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

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

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

Hello,

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

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

Best Regards

Sorry Elise, it doesn´t work 🙁

Hello,

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

Best Regards

[Author]

Posts