WordPress.org

Ready to get started?Download WordPress

Forums

Mantra
WYSIWYG Editor CSS (8 posts)

  1. OsakaWebbie
    Member
    Posted 1 year ago #

    Two questions about trying to get the WYSIWYG editor to match the Mantra styles:

    (1) Why are the styles in the provided editor-style.css different from the defaults set in style.css? For example, an h2 element as set in styles.css is:

    font-size: 16px;
    font-family: Segoe UI,Arial,sans-serif;

    (Actually, I can't find where the font-size is set, but it must be there somewhere.) But in editor-style.css it is:

    font-size: 1.8em;
    font-family: Georgia,"Bitstream Charter",serif;

    Completely different! The theme's styles.css is huge - surely I don't have to sift through the whole thing for styles that might relate to content and manually create a new editor-style.css, do I? Since the Mantra developers did utilize the editor style feature, I would have expected the two style sheets to already match each other "out of the box", so I'm concerned that I'm missing some sort of clue as to why they are different.

    (2) Is there any way to get the stuff that is dynamically set in Mantra Settings (colors, "captionized" image appearance, etc.) to apply to the editor? A plugin, perhaps, that can reach out and detect the styles that will actually apply to the page? (Probably a pipe dream, but I thought I'd ask.)

  2. Good Guy
    Member
    Posted 1 year ago #

    The theme's styles.css is huge - surely I don't have to sift through the whole thing for styles that might relate to content and manually create a new editor-style.css, do I?

    No you need to work with Child themes and all it contains is a completely blank style.css to start with and then you insert your own styles as you wish.

    Read this document to get going:

    http://codex.wordpress.org/Child_Themes

    It is very important that you don't copy anything from the core files to get started.

    Good luck.

  3. OsakaWebbie
    Member
    Posted 1 year ago #

    I'm already using a child theme. And your statement about not copying anything from the core files reinforces the point I'm trying to make, so apparently my question was not clear enough.

    Why are the default styles in the core styles.css and the core editor-style.css different? I definitely do not want to duplicate editor-style.css in my child theme just to fix that - that's why I asked the question. If done correctly, I would think that the core editor-style.css would match the core styles.css, and my child editor-style.css would only contain the editor-related subset of what I customized in my child styles.css.

    And my second question is about those styles that are placed inline in the dynamically created markup - they are not from any CSS file at all, but are set using the Mantra Settings in the Admin Panel and stored in the database. What do people do about trying to get their editor appearance to resemble their dynamic Mantra Settings? I could add equivalent settings to an editor-style.css file in my child theme, but that would defeat the purpose of having them dynamically configurable without knowledge of CSS. I want to pass the baton to a non-programmer with the minimum amount of confusion.

  4. Good Guy
    Member
    Posted 1 year ago #

    Why are the default styles in the core styles.css and the core editor-style.css different? I definitely do not want to duplicate editor-style.css in my child theme just to fix that - that's why I asked the question. If done correctly, I would think that the core editor-style.css would match the core styles.css, and my child editor-style.css would only contain the editor-related subset of what I customized in my child styles.css.

    I don't know why they are different but then I don't know where are these two styles? The only file that is relevant is the style.css that comes with the theme because it is that file that rules everything in WP. The style.css that comes with WP is for the dashboard and all that stuff; not for your themes or your website/blog.

    Hope this helps.

  5. Good Guy
    Member
    Posted 1 year ago #

    What is theme called? Are we talking in general here or is there a specific problem you are having?

  6. OsakaWebbie
    Member
    Posted 1 year ago #

    This forum is specifically for the Mantra Theme, and I even mentioned Mantra again several times in my first post. But in case you missed it: I am using the Mantra Theme, and all the files I'm talking about are in that theme.

    The only file that is relevant is the style.css that comes with the theme because it is that file that rules everything in WP.

    That's not true. The iframe created by the WYSIWYG editor (TinyMCE) that displays your post or page content when you are editing or adding a new post or page (the Visual tab, of course) will use an editor stylesheet if your theme specifies one, which Mantra fortunately does. The name of the file defined by Mantra for the editor to use is editor-style.css, and Mantra also supplies a file by that name. But the styles in that file are different than the corresponding styles in Mantra's styles.css - thus my question #1.

    And apparently you are unfamiliar with Mantra (so I'm not sure why you're trying to answer questions in this forum). Its main feature is the ability to specify much of the appearance of the site without typing any CSS - the "Mantra Settings" page in the Appearance panel is very powerful, and all the settings you choose there are stored in the database, not in stylesheet files. That's the background for my question #2.

    Is there someone out there with Mantra experience who can respond to my questions? Or someone with alternative ideas for editing content (a plugin?) that can pick up styles dynamically generated by the theme?

  7. Good Guy
    Member
    Posted 1 year ago #

    This forum is specifically for the Mantra Theme,

    No it isn't.

    Is there someone out there with Mantra experience who can respond to my questions? Or someone with alternative ideas for editing content (a plugin?) that can pick up styles dynamically generated by the theme?

    Please post your query ate this link:
    http://wordpress.org/support/forum/plugins-and-hacks

    Good luck.

  8. OsakaWebbie
    Member
    Posted 1 year ago #

    [This forum is specifically for the Mantra Theme,]
    No it isn't.

    Okay, sorry - it's more technically the Mantra category within the Themes & Templates forum. But I thought the word Mantra at the top in 22px bold type (the category name that appears above the thread title) and multiple references to Mantra within my post would have attracted traffic from other Mantra users or Mantra developers.

    The Plugins and Hacks forum isn't for Mantra questions, or even for theme questions in general - if I post there, I'm sure they will chase me here. My primary questions are not a search for a plugin - I want to know how the CSS issues (within the theme) should be handled. That's why I posted here first. I'll keep waiting for someone who knows Mantra to respond, but the more you and I go back and forth, the less likely that such a person will read down the thread far enough to realize that I still don't have any answers.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic