Support » Plugin: Rich Text Excerpts » CSS to remove space

  • Resolved Marcus Downing

    (@marcusdowning)


    The amount of wasted space around the Excerpt box was annoying me, so I fixed it with a few lines of CSS.

    #poststuff #richtext_excerpt_editor_metabox div.inside {
      padding: 0;
      margin-top: -40px;
    }
    
    #poststuff #richtext_excerpt_editor_metabox .wp-editor-tabs {
      margin-right: 10px;
    }
    
    #wp-excerpt-editor-container {
      border-width: 1px 0 0 0;
    }

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter Marcus Downing

    (@marcusdowning)

    Correction to stop it interfering with the meta box’ title:

    #poststuff #richtext_excerpt_editor_metabox div.inside {
      padding: 0;
      margin-top: 0px;
    }
    
    #poststuff #richtext_excerpt_editor_metabox .wp-editor-tabs {
      margin-top: -34px;
      margin-right: 36px;
    }
    
    #wp-excerpt-editor-container {
      border-width: 1px 0 0 0;
    }
    Plugin Author bjorsq

    (@bjorsq)

    Thanks for this Marcus – I’ll make sure this makes it into the next update.

    Plugin Author bjorsq

    (@bjorsq)

    I can understand now what you mean, but giving the tabs a negative margin is a mistake (unless you are sure you will never need the “Add media” button). I’ve got rid of the padding, but I need to keep the tabs where they are. Thanks again

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘CSS to remove space’ is closed to new replies.