Better Look with a few extra lines of code

  • Resolved steffanl

    (@steffanl)


    11 years, 2 months ago

    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: https://cl.ly/RD3A
    It would perhaps be something to consider implementing into the next version!

    https://www.ads-software.com/plugins/rich-text-excerpts/

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:

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