Reset interface settings

  • Unknown's avatar
    rsky5 · Member ·

    I recently changed the interface settings (colour scheme) of the backend for my wordpress on the interface settings under account settings in my user page. However, it ended up changing my posts when editing in backend to a serif font instead, when it used to be sans previously.

    While I still want my posts to appear as serif font on the site, I’d prefer to use sans for when editing in backend. Is there anyway to change it back to a sans font? I didn’t even realise changing the dashboard colour theme would affect the font for posts backend. Changing it back to the colour theme I used previously didn’t work in changing the font back to normal (sans font).

    WP.com: Yes
    Correct account: Yes

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

  • supernovia · Staff ·

    Hey there, I want to say the new editor tries to use the site font intentionally, so that you have a better idea of how it will look on the site. If that doesn’t work for you, can you send more details so we can surface your feedback? I can’t promise change, but we do want to at least know what you’re dealing with. We may be able to provide a work-around for you as well.

  • Unknown's avatar
    rsky5 · Member ·

    Personally, the edit view and preview serve different purposes. For editing, I prefer sans as it allows me to glance through it quicker, especially considering how often I’ll have to reread to make sure it’s fine, sans would do better for readability for me in that aspect.

    If I really got bored of editing in sans and wanted to edit in serif, I edited from the WordPress app since that one is by default a serif font. Or at least, that was my workflow before this.

    On the other hand, preview is for me to see what it’ll look like for the readers and I chose a serif font for stylistic reasons.

    Another feedback: if the new editor is attempting to mimic how it’d look on the website, I’d rather it followed the preview exactly, i.e. the font size, line spacing, break-off points of the text (e.g. for the same paragraph, the edit view shows 16 words in the first line vs the preview, which shows 12 words on the first line), the background colour, etc. If not, this mimicking isn’t effective for me as I’d still have to use preview to get an accurate sense anyway.

    But honestly I still prefer being able to go back to sans font in editing on web if possible. I even tried using classic editor because of how much editing in serif irked me, but thing is I do make use of blocks, such as sectioning, button links, and these aren’t supported in the classic editor.

  • staff-totoro · Staff ·

    Hi there,

    Another feedback: if the new editor is attempting to mimic how it’d look on the website, I’d rather it followed the preview exactly, i.e. the font size, line spacing, break-off points of the text (e.g. for the same paragraph, the edit view shows 16 words in the first line vs the preview, which shows 12 words on the first line), the background colour, etc

    This is actually the direction the block editor is headed in, to be a true WYSIWYG editor. It’s not a decision that is always popular with long time WordPress users, but we get constant feedback from new site owners and other folks who are new to us asking for a more direct editing experience such as you describe.

    Knowing that is the long term goal of the open-source WordPress community (which is where we derive our core features from) you can see why it’s not likely that thing will go back to the more generalized editor appearance like you are describing.

    That said, I also prefer sans-serif fonts, so I understand your argument. I wonder if you’d like to consider something of a novel workaround… to install a browser extension in Chrome that will allow you to add your own CSS overrides. Here on staff this is something we use all the time to tweak the appearance of sites we can’t control, and we tend to use this: Stylish for Google Chrome

    If you install that and then add this code into the CSS settings for the extension it will force your editor fonts to display as sans-serif.

    .editor-styles-wrapper {
    font-family: sans-serif;
}

    doing that will result in your editor looking like this:

    Click to view image

    Give it a try and let us know if it work for you!

  • Unknown's avatar
    rsky5 · Member ·

    Works like a charm :D thanks so much.

  • The topic ‘Reset interface settings’ is closed to new replies.