Block Editor Shows Title in all Uppercase

  • Hi all,

    When I don’t use the classic editor plugin I get the Block editor, but unfortunately the title is all in Uppercase. See link for screen shot.

    It doesn’t publish any title as all uppercase, just shows it in the post/page editor page and is really annoying.

    I’m using a child theme with Twenty Fourteen. Any advice on how to fix?

    Antony

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

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

  • That is the style that is applied. It doesn’t actually change the letters, but the style. Isn’t it uppercase on the front end?
    If not, then your child theme changes it and that change isn’t loaded inside the editor, so you’d have to add that to your child theme.

    Moderator t-p

    (@t-p)

    @antonysimpson,

    Moved to Fixing WorPress, this is not an Everything else WordPress topic.

    Thread Starter antonysimpson

    (@antonysimpson)

    Hi @joyously it isn’t applied front end. How would I add it to my child theme?

    Hi @t-p thank you for moving it to the appropriate place.

    Antony

    I think you reversed what I said.
    What it looks like to me is that Twenty Fourteen shows titles in uppercase.
    Since your child theme does not, then the child theme has CSS that affects the front end. And since it is showing uppercase in the editor, the child theme CSS is not being loaded in the editor (thus you get the Twenty Fourteen style of uppercase).
    The two editors have different ways to load editor styles.

    Thread Starter antonysimpson

    (@antonysimpson)

    Hi @joyously sorry about that, so I did. Is there anyway to fix the issue?

    I’ve tried removing all the uppercase text-transforms from CSS on Twenty Fourteen, but still get the same.

    Thread Starter antonysimpson

    (@antonysimpson)

    Thank you @joyously I’ve managed to fix. Here’s the fix in case anyone else is struggling with the same issue:

    1.Back up
    2. Go to Appearance – Theme Editor.
    2. Select Twenty Fourteen.
    3. Go to CSS – editor-block.css
    4. On line 41 replace with:
    text-transform: none!important;
    5. Log out and delete your internet cache and browsing history.

    Thanks again @joyously

    Antony

    Just changing the style sheet might not work.
    There could be a minimized style sheet that is loaded.
    The style sheet is probably cached by your browser.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Block Editor Shows Title in all Uppercase’ is closed to new replies.

Tags