This topic has 4 replies, 2 voices, and was last updated 8 years by sharmstr.

  • Author
  • #106652
     wannabe
    Participant

    Hi,

    I notice that in the main functions.php file of kleo , add_editor_style(); is being used. In the theme root folder;
    wp-content/themes/kleo/
    I created a file, editor-style.css

    However the visual editor (tinymce) is not picking up the new css styles.

    I have the following in my css (some of the CSS is there to test/play around);

    COPY CODE
    .mceContentBody.wp-editor {     
      background-color: #555 !important;
      color: #fff !important;
    } 
    
    #tinymce { 
    	background: #555 !important;
    }
    
    #tinymce a { 
    	color: #fff !important;
    }
    
    .mce-menubar {
    	background: #555 !important;
    }
    
    .mce-container .mce-menubar .mce-toolbar .mce-stack-layout-item .mce-first {
    background: #555 !important;
    }

    If i user TinyMCE Advanced Professsional Formats and Styles Plugin, the editor-style.css is working. But without the plugin it doesn’t work. Anyway, I do NOT want to use a plugin just to load a stylesheet.

    Please help

    W

    #106654
     wannabe
    Participant

    oh by the way, the stylesheet is also present in the child theme root folder

    #106839
     sharmstr
    Moderator

    Put the css in Theme Options > General > Quick CSS

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

    #106917
     wannabe
    Participant

    Hi, it is working for a bit. But I cannot set the background color of the edit area. Does anyone know how to do that?

    I have so far:

    COPY CODE
    .mce-menubar {    <-- working
    	background: #555 !important;
    }
    
    .mce-content-body {  <-- not working
     background: #555 !important;
    }
    
    .mce-edit-area {  <-- not working
     background: #555 !important;
    }

    thanks in advance,
    W

    #107046
     sharmstr
    Moderator

    Sorry, I dont.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

Viewing 5 posts - 1 through 5 (of 5 total)

The forum ‘General questions’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?