WordPress.org

Ready to get started?Download WordPress

Forums

WP Live CSS Editor
background color or themes (4 posts)

  1. pingram3541
    Member
    Plugin Author

    Posted 1 year ago #

    background color was really dark so I added the following to my style.css

    #csidebar {
    top: 28px !important; /* see other post about wpadmin bar */
    background: #FFF3BB !important; /* much lighter color */
    }

    I'd suggest adding to your plugin the ability to theme the ace editor. =)

    http://wordpress.org/extend/plugins/wp-live-css-editor/

  2. pingram3541
    Member
    Plugin Author

    Posted 1 year ago #

    all ace themes are there you just have to manually choose something other than "twilight" which is located in wp-live-css-editor.php on line 51. for example,

    change this:
    wp_enqueue_script('wp-live-css-editor-ace-thme',plugins_url('/ace/src/theme-twilight.js', __FILE__),array('jquery'));

    to this:
    wp_enqueue_script('wp-live-css-editor-ace-thme',plugins_url('/ace/src/theme-clouds.js', __FILE__),array('jquery'));

    live demo of different theme styles here - http://ace.ajax.org/build/kitchen-sink.html

    would be nice if a plugin options panel allowed changing theme without having to manually change plugin core files...if I don't get around to adding this myself, glad to help in any way I can if author is too busy =)

  3. pingram3541
    Member
    Plugin Author

    Posted 1 year ago #

    re-post - forgot to mention you have to call the theme which is odd that author includes it but never calls it...

    all ace themes are there you just have to manually choose something other than "twilight" which is located in wp-live-css-editor.php on line 51. for example,

    change this:
    wp_enqueue_script('wp-live-css-editor-ace-thme',plugins_url('/ace/src/theme-twilight.js', __FILE__),array('jquery'));

    to this:
    wp_enqueue_script('wp-live-css-editor-ace-thme',plugins_url('/ace/src/theme-clouds.js', __FILE__),array('jquery'));

    live demo of different theme styles here - http://ace.ajax.org/build/kitchen-sink.html

    Now that the chosen js theme file is loaded, we have to call it by adding the following line to wo-live-css-editor.js on line 558:

    editor.setTheme("ace/theme/clouds");

    would be nice if a plugin options panel allowed changing theme without having to manually change plugin core files...if I don't get around to adding this myself, glad to help in any way I can if author is too busy =)

  4. pingram3541
    Member
    Plugin Author

    Posted 1 year ago #

    also, forgot to mention to see themes intentional background color, you still need to remove the #csidebar background in wp-live-css-editor.css

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic