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 5 replies - 1 through 5 (of 5 total)
  • Theme Author Caroline Moore

    (@sixhours)

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

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

    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.

    Hi, Inserted the html into style-css file and there is no difference.
    Pages are still nothing like wysiwyg and the edit page remains full width with images where I don’t want them.

    Not sure if you can see this yet as it is still at the build stage http://gator720.hostgator.com/~grahamf8/f8photoshots.co.uk/

    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 5 replies - 1 through 5 (of 5 total)
  • The topic ‘wysiwyg on Sixhours theme’ is closed to new replies.