Changing font color causes text to shift to right

• 

  newdepartedflights · Member · Oct 30, 2021 at 1:58 pm

  • Copy link
  • Add topic to favorites

  I have noticed that when I use the “Highlight” feature to change text color on tables, that it causes the text to shift slightly to the right.

  I did not have this issue before the “Change Text Color” option was changed to “Highlight.”

  Is there a work-around to get my text to stay evenly aligned when changing text color?

  The blog I need help with is: (visible only to logged in users)

• 

  kokkieh · Staff · Oct 30, 2021 at 2:12 pm

  • Copy link

  Hi there,

  As part of the change you mention above, the editor switched from using the HTML tag span to the HTML tag mark to identify the text being changed. All things being equal, mark is the better HTML to use for this, but it has had an unforeseen side-effect:

  On some older themes, the theme’s styling adds some empty space, called padding, around any text inside a mark element, as traditionally that tag has mostly been used for highlighting text, and that bit of extra space around the highlighted words just looks better. But now it’s adding this weird extra space even when you’re not highlighting the text, just changing the font color.

  Our developers are aware of this bug and looking into it, but I’m not able to tell you at this point when it might be fixed.

  On our premium plan it’s possible to remove that extra spacing with some custom CSS code, but you won’t be able to use that on the Personal Plan. I’ll still share the code here should it help anyone else looking for a solution to this same issue:

  /* Mark spacing fix */
  
  mark.has-inline-color {
    padding: unset;
  }

  We’ll update this thread once we have more information on this.