Visual Editor – how to override a site's theme css?

  • Adendum

    (@adendum)


    10 years, 10 months ago

    As a result of the latest update (3.5.2) I am now seeing the Visual Editor window with a style closer to the theme style as set out in the site’s css file. At least now the background is the same color as the theme and the body text is the correct color but the heading tags (h1-h6) are still incorrect.

    Personally I think this is progress but I have one client that prefers it the old way – e.g. black Times Roman text on a white background. (Their site has a dark background with white body text).

    So I need a way to override the theme’s CSS and set the background back to white and the body text to at least black (fonts are not an issue).

    Ideally I’d prefer a solution that enables this to be done in a way that future updates to the core wont wipe out the changes.

Viewing 6 replies - 1 through 6 (of 6 total)
  • esmi

    (@esmi)

    10 years, 10 months ago

    What theme are you using? Where did you download it from? Does the theme include its own editor-style.css file?

    Thread Starter Adendum

    (@adendum)

    10 years, 9 months ago

    The theme does have its own custom CSS section but there isn’t an editor-style.css file. It’s Custom Community downloaded from the WP theme repository.

    esmi

    (@esmi)

    10 years, 9 months ago

    Try posting on http://wordpress.org/support/theme/custom-community

    Thread Starter Adendum

    (@adendum)

    10 years, 9 months ago

    I have emailed the developer of the theme but I am also interested in having the same option in other sites that do not use this theme.

    I have over 20 client sites using a variety of free, premium and self made themes and I have always been disappointed with the ‘wysiwyg’ side of WP so this recent update is an improvement but still leaves gaps and I’d like to learn (as I am sure others would too) what is possible when it comes to enhancing the user’s editing experience.

    So I ask again – what can be done? Where and how?

    esmi

    (@esmi)

    10 years, 9 months ago

    Does the theme include its own editor-style.css file in each case?

    Thread Starter Adendum

    (@adendum)

    10 years, 9 months ago

    I have only checked about half of them so far and none appear to have such a file available.

    I assume that editor-style.css is the route to go then. Meaning such a file could be created and then added to the functions.php page?

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Visual Editor – how to override a site's theme css?’ is closed to new replies.