editor-style.css, style.css & child theme

  • friedVol

    (@friedvol)


    9 years, 9 months ago

    Does the style.css affect only how our sites look on the web, and the editor-style.css affects only how our posts look in our dashboard editor?

    A table with nested lists looks way better in my dashboard editor than it does when I Preview the post. If I copy the table and list styles in editor-style.css and paste them over the table and list styling in my child theme’s style.css file (and upload it), will the post Preview look like it does in my dashboard editor?

    Yeah, I’d have to tailor the editor-style.css stuff to fit the .entry-content class format in the style.css.

    Currently, inline styling changes to tables and lists in the post via the dashboard editor do not have the same effect in Preview that they do in the dashboard editor. The editor is sensitive to the changes; the Preview barely budges. I’m using Twenty Twelve v.1.4.

    If both css files affect the published post, then do I need to add a @import url(“../twentytwelve/editor-style.css”); line to my child theme in order to edit the style in that file?

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

    (@esmi)

    9 years, 9 months ago

    Does the style.css affect only how our sites look on the web, and the editor-style.css affects only how our posts look in our dashboard editor?

    Yes and yes. 🙂

    will the post Preview look like it does in my dashboard editor

    Possibly but it does depend upon what else is in your child’s stylesheet and the parent’s stylesheet

    Thread Starter friedVol

    (@friedvol)

    9 years, 9 months ago

    *groan* I was afraid of that. So something else in the parent style.css was preventing Twenty Twelve from responding to the inline styling of the table and list tags.

    What else in the style.css affects table and list spacing besides elements and classes that have table and list … oh shoot, that’s a different topic. I gotta start a new thread to ask that Q.

    At least I won’t continue to think I may need to edit the editor-style.css to stop it from interfering with the style.css. It appears style.css interferes with itself in this case.

    This thread is resolved. Thanks.

    Thread Starter friedVol

    (@friedvol)

    9 years, 9 months ago

    Whoa, this isn’t resolved. I’ve been going thru the style.css with a fine-toothed comb and cannot get changes in style.css to affect the post Preview at all. Yet an earlier change I made to the style.css via a child theme to remove white space above the featured post is still working just fine. So my child theme is activated and working.

    Is the post Preview governed by the editor-style.css (created for the tinyMCE editor)?

    Will the actual publishing of the post look different from the Preview because I’ve changed the style.css, but not the editor-style.css?

    I’d like what I see in the dashboard WYSIWYG editor to match the style that I want published.

    So it seems I do want to edit the editor-style.css in the child theme.

    To edit it, do I add an @import url(“../twentytwelve/editor-style.css”); line to the style.css in my child theme? …or do I add an edited editor-style.css to my child theme folder (and upload it)?

    Thread Starter friedVol

    (@friedvol)

    9 years, 9 months ago

    … or do I do what I did to create the child style.css – e.g.

    create a file named editor-style.css and place

    /*
    Theme Name: Twenty Twelve Child
    Description: Twenty Twelve Child Theme
    Author: (enter author’s name here)
    Template: twentytwelve

    */

    @import url(“../twentytwelve/editor-style.css”);

    at the top and then put only the changes in this file?

    Or can there be only one file with this same comment in it?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘editor-style.css, style.css & child theme’ is closed to new replies.