Resources have a different CSS style, breaking WYSIWYG editor

Status
Not open for further replies.
Level 20
Joined
Jan 3, 2022
Messages
364
I expected the Resource page to look exactly like in the editor, but it looks awful instead because the headings are not as bold as they should be, deviating from the editor preview.

preview-vs-editor.png
 
Level 20
Joined
Jan 3, 2022
Messages
364
Comparing both pages in devtools for a h4 element:
What optionEditor Preview (expected)Resources view (actual)
font-familycss.php:7
Best Match .fr-box.fr-basic .fr-element
(overrides css.php:26)
html
(css.php:26)
font-weighth4
(browsers default for h4? says "element")

Best Match .ratory h4
(css.php:39)
margin-top, margin-bottom.fr-view h4: 0.5em
(css.php:7)
.ratory h4: 0px
(css.php:39)

PS: And nobody noticed. Ergo: most designers' job it is to justify their presence at a company, because the majority of people does not care.

test heading 1​

test heading 2​

test heading 3​

PPS: The css is correct here
 
Status
Not open for further replies.
Top