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



    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{
    div.rich-text-excerpt .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: http://cl.ly/RD3A
    It would perhaps be something to consider implementing into the next version!


Viewing 2 replies - 1 through 2 (of 2 total)
  • 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).


    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 ‘[Resolved] Better Look with a few extra lines of code’ is closed to new replies.