WordPress.org

Support

Support » Plugins and Hacks » [Resolved] Better Look with a few extra lines of code

[Resolved] Better Look with a few extra lines of code

  • steffanl

    @steffanl

    Hey,

    Just thought I’d add this. I added the following lines of code to the rich-text-exceprts.css file:

    div.rich-text-excerpt #wp-excerpt-editor-tools{
    	display:none;
    }
    div.rich-text-excerpt .wp-editor-container{
    	border:0;
    }
    .rich-text-excerpt div.rte-wrap {
    	padding:0;
    }

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

    http://wordpress.org/plugins/rich-text-excerpts/

Viewing 2 replies - 1 through 2 (of 2 total)
  • JohanPirlouit

    @johanpirlouit

    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:

    div.rich-text-excerpt #wp-excerpt-editor-tools{
    	margin: 0;
    	padding-top: 5px;
    }
    div.rich-text-excerpt .add_media {
    	margin-left: 5px;
    }
    div.rich-text-excerpt .wp-editor-container{
    	border-left: none;
    	border-right: none;
    	border-bottom: none;
    	border-radius: 0;
    }
    div.rich-text-excerpt 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 > http://img191.imageshack.us/img191/3521/fapl.png

    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).

    Regards,
    Johan

    Plugin Author bjorsq

    @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).

    https://github.com/bjorsq/rich-text-excerpts/

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