Support » Plugin: Rich Text Excerpts » Better Look with a few extra lines of code

  • Resolved steffanl



    Just thought I’d add this. I added the following lines of code to the rich-text-exceprts.css file: #wp-excerpt-editor-tools{
    } .wp-editor-container{
    .rich-text-excerpt div.rte-wrap {

    And I also added:
    to the /js/tinymce/themes/advanced/skins/wp_theme/content.css file.
    This made it look much cleaner I found:
    It would perhaps be something to consider implementing into the next version!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Hi steffanl (and hi bjorsq),

    These CSS rules are a good idea, this style is very nice 😉 ! But it is not compatible with the “Add media” button…

    So, if we want to use the “Add media” button, here is a variant: #wp-excerpt-editor-tools{
    	margin: 0;
    	padding-top: 5px;
    } .add_media {
    	margin-left: 5px;
    } .wp-editor-container{
    	border-left: none;
    	border-right: none;
    	border-bottom: none;
    	border-radius: 0;
    } td.mceIframeContainer {
    	background: #ffffff;
    .rich-text-excerpt div.rte-wrap {
    	padding: 0;

    No need to edit the /js/tinymce/themes/advanced/skins/wp_theme/content.css file, so it will be fine for further WP updates.

    A preview here >

    By the way, this CSS variant doesn’t hide the two “Visual” / “Text” tabs. This should be an option in the Rich Text Excerpts settings, if needed (and if it is possible).


    Plugin Author bjorsq


    Thanks for these tips – unfortunately I didn’t get around to the support thread before I released version 1.3 the other day. I may also have broken some of these rules as I’ve changed some of the classes(!?).

    Please feel free to contribute on Github – I’ve just set this up in a repo there and will be using it for further development (pushing any releases to WordPress SVN).

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Better Look with a few extra lines of code’ is closed to new replies.