Unwelcome arrow links surrounding tags

[jordannamorgan]

So, as of DW's latest code push, I'm seeing little arrow-shaped links on either side of every single tag on my journal entries. These links do nothing more useful than point to the last entry using that tag (or worse, an error page, if there's no earlier/later entry to point to). This seems like utterly redundant, pointless clutter to me.

Very simply, I do NOT want to be seeing these arrow links. If someone could provide me with some code for getting rid of them, I would tremendously appreciate it. Thank you.

Comments

[ariestess]

I'd love to find a way for them to go away, too. I really don't like the way they look.

[branchandroot]

This seems to do it for the individual entry pages, which is the only place I've noticed them so far:

.page-entry .tag ul li a:first-child,
.page-entry .tag ul li a:last-child { display: none; }

Put that in your theme's Custom CSS, and as long as you're viewing a page in your own style it should remove them. If you want something that will have an effect across the site, you can put it in a Stylish style for the whole domain dreamwidth.org. To get them all, you'll need to look at the classes on the outermost div of all the pages you see them on and add more lines with that class instead of .page-entry.

[branchandroot]

New and improved, catch-them-all CSS snippet:

.page-entry .tag ul li a:first-child,
.page-entry .tag ul li a:last-child,
.page-recent .tag ul li a:first-child,
.page-recent .tag ul li a:last-child,
.page-reading .tag ul li a:first-child,
.page-reading .tag ul li a:last-child { display: none; }

Gets rid of spaces too:

[royalball]

Changed some things around with yurikhan's code and came up with a fix that also gets rid of the spaces between the tag link and the commas, which drive me fucking crazy:

.tag li{
font-size: 0px !important;
}
.tag-text {
font-size: inherit;
}
.tag a {
font-size: [your layout's font size for tags];
}
.tag li:after {
content: ",";
font-size: [your layout's font size for tags] !important;
}
.tag li:last-child:after {
content: "";
}
.tag li>a:not([rel=tag]) {
font-size: 0px;
}

Edit: I fixed it.