Support » Theme: Twenty Seventeen » Hope to stop text displaying all in uppercase?

  • I’ve noticed several places where TwentySeventeen displays text all in upper-case. I would like to have this display in the same case as the original text, rather than it being overridden.

    The places I am looking to alter are:

    • A the top of a blog post – the date, and the name of the author
    • At the bottom of a blog post – the list of categories, and the list of tags
    • In the sidebar – the title of each widget
    • At the top of a page – the title
    • blog post and sidebar example
      page example

      I’m using a child theme, and am reasonably okay with making customisations to the theme, but I’m not sure what I need to alter. Could somebody please guide me to what I need to change in order to have these sections display as per the original text?

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


    Double post removed.

    • This reply was modified 4 years, 4 months ago by Morgan. Reason: Double post


    To override the upper case text, you would need to insert your own CSS in to the Additional CSS section of the theme:

    tag.class {
    text-transform: none;
    Thread Starter Sarah Gatling


    Thanks Morgan, I appreciate the pointer.

    Unfortunately, I can’t get this working. I’ve added the above to my CSS, but it doesn’t change anything on the site. I’m obviously doing something wrong, but I can’t work out what! Would somebody be able to look at what I’ve done and suggest what I need to change? current CSS

    As I understand it, I would need to apply this CSS to each element that I want to change. I was wondering if there is there a “master” element that I could simply apply this to once, and have it apply to the whole site? Or will I need to do each element individually?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Hope to stop text displaying all in uppercase?’ is closed to new replies.