WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Visual editor formating according predifined css - possible? (2 posts)

  1. peterson.julia
    Member
    Posted 2 years ago #

    Hi,
    I would like to ask if there is a way to see in visual editor in wordpress the text formatted according the css , basically the way how it displays on page (so the color, size, font is applied already in visual editor)?

    Thank you,
    Julie

  2. Digital Raindrops
    Member
    Posted 2 years ago #

    Hi Julia,
    This is already a part of the twenty ten and twenty eleven theme, if you look in the theme directory you will see a file called editor-style.css and editor-style-rtl.css

    These are used to style the editor so you could look to see if your theme supports editor styles.

    If your theme does not have the editor-style.css then you would need to create it.

    Then in functions.php add the following lines.

    // This theme styles the visual editor with editor-style.css.
    add_editor_style();

    Then look at how the editor-style.css is structured in the twenty eleven theme, add editor styles to match your theme's styles.

    HTH

    David

Topic Closed

This topic has been closed to new replies.

About this Topic