Uppercase Transformation for Custom Heading Elements on Our Website

This topic has 2 replies, 2 voices, and was last updated 1 weeks, 4 days ago ago by Rose Tyler

  • Avatar: Merin
    Merin
    Participant
    November 12, 2024 at 11:46

    On our website, a custom heading element is automatically converting input text to uppercase, even when we provide it in lowercase. How to fix it

    1 Answer
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 12, 2024 at 13:34

    Hello,

    Thank you for reaching out to us.

    To resolve the issue of the custom heading element automatically converting text to uppercase, you can use custom CSS code:

    h1.vc_custom_heading:not(.no-uppercase), h2.vc_custom_heading:not(.no-uppercase), h3.vc_custom_heading:not(.no-uppercase), h4.vc_custom_heading:not(.no-uppercase), h5.vc_custom_heading:not(.no-uppercase), h6.vc_custom_heading:not(.no-uppercase) {
        text-transform: none;
    }

    https://www.8theme.com/documentation/xstore/additional-customisation/optimal-placement-for-custom-css-code/

    Best Regards,
    8Theme’s Team

  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.