Subscript and superscrits seem to be swapped

  • fl5x

    (@fl5x)


    7 years, 6 months ago

    If I enter this code H<sub>2</sub>O in the text tab when I’m adding a new post, it looks like this H<sup>2</sup>O in the visual tab. Any ideas?

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

    (@crouchingbruin)

    7 years, 6 months ago

    Yes, that’s weird. It’s a rule in the editor stylesheet that brings the character up. At least it looks OK on the published post.

    leoprast1967

    (@leoprast1967)

    7 years, 4 months ago

    for those stumbling into the same issue:

    Twenty Sixteen is the first theme that defines the way tinyMCE behaviour in a css file. The sub and sup parts in that css have been switched. Behaviour of the resulting html is correct, just not inside the visual editor pane.

    To correct:

    open the file “./wp-content/themes/twentysixteen/css/editor-style.css”

    look for 

    
sub {
	top: -6px;
}

sup {
	bottom: -3px;
}

    change this part to

    
sup {
	top: -6px;
}

sub {
	bottom: -3px;
}

    save the css-file, and the problem is solved. As always: be aware this change may be overwritten on updates so keep this solution in mind. If the developing team look at this, please correct this in your distribution. I downloaded and started working with wordpress yesterday, with this problem still in the distribution files.

    • This reply was modified 7 years, 4 months ago by leoprast1967.
    • This reply was modified 7 years, 4 months ago by leoprast1967.
    Thread Starter fl5x

    (@fl5x)

    7 years, 4 months ago

    That is what I was looking for! Thanks leoprast1967.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Subscript and superscrits seem to be swapped’ is closed to new replies.

Tags