[Right Angle SParticipant]

Hi there,

Here is a link to the page in question:
http://willisgambier.co.uk/shop/

The product titles within the shop are currently uppercase as are the titles everywhere else on the site. I would like to change the product titles in the shop to title case, is this possible?

Thank you for your help.

[Nabeel AModerator]

Hi there,

Thanks for writing in!

Try to add the following CSS code via Appearance > Customize > Custom > CSS:

.woocommerce li.product .entry-header h3, .woocommerce-page li.product .entry-header h3 {
text-transform: capitalize !important;
}

Let us know how this goes!

[Right Angle SParticipant]

Hi there,

The above code has worked on the main shop page but the titles on each individual product page is still all uppercase. Is it possible to have the titles on the product pages as title case as well?

Here is one example page that still has the issue:
http://willisgambier.co.uk/product/bayer-dining/

Thank you for your help.

[DarshanaModerator]

Hi there,

Sorry for the inconvenience caused. Please use the following CSS workaround, place it into your Customizer’s Custom > CSS area to make it Title Case.

.single-product .product_title.entry-title {
    text-transform: capitalize;
}

Hope that helps.

[Right Angle SParticipant]

Perfect, thank you for your help.

[DarshanaModerator]

Glad we were able to help 🙂

[Author]

Posts