• Resolved ruurik

    (@ruurik)


    In the visual editor, if I type in lowercase using the H3 tag then it converts it to uppercase. When I publish it, it’s in lowercase as you’d expect. If I look at the HTML, it’s in lowercase too.

    So this problem is only in the visual editor when using H3 tags. If I use any of the other H tags, the text appears in the correct case.

    I’m using TwentyEleven theme. Is there an option to fix this in the visual editor? Thank you.

Viewing 4 replies - 1 through 4 (of 4 total)
  • it would be in editor-style.css in the theme. Are you already using a child theme to make any modifications?

    the h3 tags are normally uppercase (They should be uppercase on publishing too, unless you’ve changed that) , in 2011 display and in the editor, due to these rules

    .entry-content h3,
    .comment-content h3 {
    	font-size: 10px;
    	letter-spacing: 0.1em;
    	line-height: 2.6em;
    	text-transform: uppercase;
    }

    for the front-end, and

    h3 {
    	font-size: 10px;
    	letter-spacing: 0.1em;
    	line-height: 2.6em;
    	text-transform: uppercase;
    }

    for the editor. So in your child style.css and child editor-style.css you could copy in those rules, changing text-transform to none

    Thread Starter ruurik

    (@ruurik)

    Hi. Thanks for the reply. Yes I’m using a child theme. I had changed the child style.css but didn’t know about the editor-style.css. I have changed that too now but not seeing any difference. Hmmm.

    I created a new test page and H3 is still in caps in the visual editor. Is there an option that I must click on to propagate the changes? Thank you.

    I’ve done a bit of reading around…. and there used to be a bug that prevented a child editor-style.css from working properly

    But it would appear that has been fixed. So it really should be working for you.

    Yours is name editor-style.css? What’s in it? Just the basic header portion, an @import rule pointing to the parent editor-style.css, and the applicable rule above?

    Thread Starter ruurik

    (@ruurik)

    Hi. Thanks for the reply. I haven’t added very much at all to the default setup and certainly nothing that should have caused this problem.

    I did notice when I originally installed WordPress some bits of code were missing (on any version I’ve installed in the last 6-9 months). For example, some of the H tags were missing code (there was nothing there for, I think it was, H4, H5 and H6). I’ve seen others discussing this elsewhere on the web. So it made me wonder if something was missing to do with the visual editor.

    However, the person I work for has told me to stop looking at this problem and “get on with more important things” which is frustrating because I have a curious mind! I will keep trying to figure this out in my spare time and write a reply here if I can come up with anything useful. Thanks again.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘H3 tags uppercase only in visual editor’ is closed to new replies.