How to get borders on your dynamic cut tags

[sophie]

The new AJAX-y cut tags are great, but one thing about them is that they don't by default show up with any borders. That's great if you like it the way they are, but if you want to be able to distinguish between open cuts and the rest of the post, it's not easy to tell where the end is.

Thankfully, however, an open cut tag has its own CSS class, so you can customise it on your journal and reading page. Go to the Custom CSS section of the Customize area, and paste this into the box:

.cuttag-open {
  border: 1px dashed black;
  margin: 0.5em;
  padding: 0.5em;
}

Or however you prefer - for example you might prefer a red or black border. But after saving this CSS and refreshing your journal or reading page, you should find that any open cut tags will now have dashed boxes around them. :D

This only works for the dynamic part of the cut tags, unfortunately; going to an entry directly won't allow you to do this. (but maybe I should suggest that as a feature! Mmm, that'd be good.)

Comments

[allen]

I seriously had the reply window open in that thread and

.cuttag-open {
border-left: 1px solid;
margin: 1px;
padding: 2px 2px 2px 4px;
background: #ccc;
}

in my paste buffer, but decided I'd see if there was anything new in my reading page first...

[phoenixsong]

So this will shade the background of the cut-tag area? Awesome!