How do I get rid of ALL CAP text? - by ryoeun0

This topic has 4 replies, 2 voices, and was last updated 7 years, 8 months ago ago by Jack Richardson

  • Avatar: ryoeun0
    ryoeun0
    Participant
    August 17, 2016 at 10:24

    My website is using all caps for everything. But I just want normal caps. How can I change that?

    Please, contact administrator
    for this information.
    3 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    August 17, 2016 at 11:13

    Hello,

    Please add this code in Theme Options > Styling > Custom CSS > Global Custom CSS:

    h1, h2, h3, h4, h5, h6, .menu > li > a {
       text-transform: capitalize;
    }

    Best regards,
    Jack Richardson.

    Avatar: ryoeun0
    ryoeun0
    Participant
    August 17, 2016 at 11:26

    Thanks that works for most of the website but it didn’t change the menu text. How can I change the main menu text to not be capitalized?

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    August 17, 2016 at 12:32

    Hello,

    I’ve edited the code in Global Custom CSS from:

    h1, h2, h3, h4, h5, h6, .menu .menu-item > li > a {
       text-transform: capitalize;
    }

    to

    h1, h2, h3, h4, h5, h6, .menu > li > a {
       text-transform: capitalize !important;
    }

    Please check menu now.

    Best regards,
    Jack Richardson.

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

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

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