How to make the product title on product page to lowercase?

  • Resolved Buppha

    (@buddies)


    7 years, 3 months ago

    Hi, I have 3 questions for the product page:

    1. I can’t seem to find the option to set the title on each product page to lowercase? There’s an option to set them to upper or lowercase for product titles on shop page, but not on single product page?!

    2. The price tag is very blur. How do I make it more clear?

    3. The text on the product tabs is not visible? It’s just plain white text & background. Where do I make the adjustments?

    I thank you in advance!

    BUppha

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

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hello Buppha,

    1. You are using a font for your titles that is completely uppercase, so you’ll need to change the font of your product titles in order for them to display lowercase characters. You can do this in Theme Options> Shop settings, under “Shop Product Title Settings.”

    2. I’m not sure what you’re referring to as the price tag. Are you wanting to change the appearance of the price text on your single product pages? If so, you can do so with this CSS. Place custom CSS in Theme Options> Advanced Settings:

    .product-summary-case span.woocommerce-Price-amount.amount {
    color: #6AC1EA;
}

    Feel free to add any text properties to the above CSS. If you’re referring to something different, please include a screenshot: https://www.postimg.org

    3. Here is some CSS that will allow you to set the color of your tab titles:

    div.product .woocommerce-tabs ul.tabs li {
    color: black;
}

    Let me know if you find this to be helpful!

    -Kevin

    Thread Starter Buppha

    (@buddies)

    Thank you so much for your help! Follow your instructions, I have managed to solve some of the issues. Anyway, how do I change the appearance of the price text on shop page as well, https://buppha.com/shop/, not just in single product page?

    Thanks!

    Buppha

    Change the previous price CSS to this:

    span.woocommerce-Price-amount.amount {
    color: #6AC1EA;
}

    and the price text color should be changed throughout your site.

    -Kevin

    Thread Starter Buppha

    (@buddies)

    Hi, thanks again. It works! Thank you so much for your help. I will mark it as resolved now.

    Have a nice day!

    Buppha

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to make the product title on product page to lowercase?’ is closed to new replies.