Archived topic
Gutenberg wysiwyg
3 replies · Started by Wacey on August 2, 2019
I'm not getting the WYSIWYG I was expecting using GP theme/plugin. Some spacing and heading fonts are looking completely different on the site as opposed to in the editor. Any ideas why?
Hi there,
GP sets the core front end styles for typography and content padding in the editor, so although it may not be 100% exact its pretty damn close.
Do you have any particular examples i can see? Screenshot of editor versus front end?
Spacing in editor: https://gyazo.com/2a8fc5766f97e41ae46d909df5491cc5
Spacing on website: https://gyazo.com/a78234fcd97d2149466fc927a4ff9357
Obviously it's wider on the website but I can't figure out the gap on the '+'.
An example for fonts is the H3 looks quite a bit different in both. Happy to screen shot that too.
P.S. I just randomly searched and found Gyazo...is there a better screenshot tool you guys recommend?
The editor adds a minimum amount of top margin/padding to each of the blocks - this is to ensure each block is selectable - so there will be slight differences. Screenshots of the H3 would be good to see and a link to the actual page so i can take a loo.
Gyazo is fine - we're happy with whatever you are - and it works ok.