WYSIWYG styling tweak: bold h3 not visible

If a user ads bold to h3 in the WYSIWYG editor, there is no visual representation of this in the WYSIWYG editor. Could we either make the h3 in the WYSIWYG editor font-weight normal, or make h3 strong font-weight bolder ? This leads to the need to use unsemantic underline tag instead of strong tag.


Frankly I don’t use the WYSIWYG editor much, but I’ve been playing with it more recently to see what our clients experience. Has anybody else noticed any quirks with the WYSIWYG editor?

@Peter-Schmidt please add it to the public backlog.

This is because the user agent stylesheet - the default browser stylesheet spec - specifies that a h3 tag is bold (same as strong). So this is what browsers use as the default stylesheet.

https://html.spec.whatwg.org/multipage/rendering.html#sections-and-headings
https://www.w3schools.com/cssref/css_default_values.asp

Example from this forum:

We probably should be careful adjusting default styles that is common to all. Just a thought. :slight_smile:

Good point @James.
Added here: https://treepl.co/public-backlog-state/request/wysiwyg-styling-tweak-bold-h3-not-visible

@Eugene - Let me know if I should add anything else :slight_smile:

1 Like

We plan to implement this by adding a dropdown with a list of custom classes in the WYSIWYG editor. They can be configured in the site settings.

@Peter-Schmidt , please add this to the description.

1 Like

Thanks @Eugene - Added :+1:

1 Like