How can I capitalize the first letter of all the product titles?

  • Resolved joe2100

    (@joe2100)


    3 years ago

    I need to capitalize the first letter of the product title in my shop. I already tried the following CSS code:

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

    This didn’t work, unfortunately.

Viewing 3 replies - 1 through 3 (of 3 total)
  • seank123

    (@seank123)

    .product_title works for me one the single product page
    .woocommerce-loop-product__title on the category page

    MayKato

    (@maykato)

    Hi @joe2100

    In addition to @seank123’s reply, try adding :first-letter like below to see if it works.

    .woocommerce-loop-product__title:first-letter  {
text-transform: capitalize;}

    I hope it helps.

    MayKato

    (@maykato)

    Hi @joe2100

    We’ve not heard back from you in a while, so I’m marking this thread as resolved. If you have further questions, please feel free to open a new topic.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How can I capitalize the first letter of all the product titles?’ is closed to new replies.