Capitalize product titles on shop page

  • Resolved hongpham

    (@hongpham)


    4 years, 1 month ago

    Hello,

    I would like to capitalize the first letter of each word in the product titles. I have tried to add the customised CSS below but it did not work:

    .shop_product_title {
    text-transform: capitalize;
    }

    Could you please suggest solutions for this?

    Thank you very much.

    Hong

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support abwaita a11n

    (@abwaita)

    Hi @hongpham,

    It could be that there are other rules applying to the product titles on the shop page, so you will want to add !important to put more weight on your new rule, that is.

    .shop_product_title {
text-transform: capitalize !important;
}
    Thread Starter hongpham

    (@hongpham)

    @abwaita You’re right. It’s solved. Thanks a lot!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Capitalize product titles on shop page’ is closed to new replies.