Support » Theme: Sixhours » wysiwyg on Sixhours theme

  • Is there any way to make the page or post edit pages wysiwyg for the Sixhours theme?

    The edit page allows full width text but the web page is much narrower making the positioning of text and images very difficult.

    I note on my second WordPress site using Twenty Eleven theme that the edit pages are wysiwyg by default and I have no problems there.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Caroline Moore

    (@sixhours)

    Sure, you can add something like this to your editor-style.css file:

    html .mceContentBody {
    	max-width: 600px;
    }
    Thread Starter secretfocus

    (@secretfocus)

    Thanks Caroline. Anywhere in particular – note I am a novice with html!

    Theme Author Caroline Moore

    (@sixhours)

    Nope! At the bottom of the file is fine.

    Theme Author Caroline Moore

    (@sixhours)

    It needs to go in editor-style.css (not style.css) although now that I think about it, I don’t think the theme supports editor styling by default. Probably more trouble than it’s worth, but you could create a child theme with this functionality:

    1. Create and activate a Sixhours child theme, if you haven’t already

    2. Create an editor-style.css file in your child theme with whatever CSS you need (the snippet I posted above, for example)

    3. Create a functions.php file in your child theme with the following code:

    function mytheme_editor_style() {
       add_editor_style();
    }
    add_action( 'mytheme_editor_style', 'after_setup_theme' );

    This *should* work, though I haven’t tested it.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘wysiwyg on Sixhours theme’ is closed to new replies.