HOWTO: Individually Formatting Links

[av8rmike]

Since questions still come up about how to hide various links, and since I know of two good techniques for it, I thought I'd compile it all into one tutorial/How To post. Depending on your account level (Basic/Plus/Paid/Perm), there are two primary methods to employ: CSS or S2 code, each with their own advantages and disadvantages.

Comments

[foxylovesme]

Thanks!

[camomiletea]

This is great! Is this "a[href*=memead]" a typo? the link goes "memadd", not "memeadd"

[av8rmike]

Well, you know, if you wanted to hide your "add to memes" link... ;)

Fixed!

[libekory]

http://karakura-m-o-d.livejournal.com/

I went for method #1, but as you can see there's a weird space between the links. I tried removing padding and margins, but...

Any suggestions?

[av8rmike]

Frankly, that styling is a mess. You're using both an external stylesheet and embedded CSS, half of which is overriding the other, and a third half of it isn't even the right class names. I think that if you picked one method and cleaned it up, you'll find the problem fixes itself.

[libekory]

I know it is. I didn't mean to wind up with it that way. I was going to go through and merge them. (It's just, I tend to poke at stylesheets a lot while I'm designing a layout, and Firefox seems to eventually just... stop loading the changes unless they're all in the overrides box. Bleh.)

But I doubt they'll fix themselves, because I had this same problem with another layout a few months ago. Still, I'll try, and see.

[libekory]

There, fixed. But the padding remains. :(

(For what it's worth, those weren't the wrong class names. They were referring to the original version of this style, which was accomplished using layers; I added in a class or two, because -- prior to reading the awesome tutorial in this community showing all the different parts of the layout -- I wasn't sure there was any way to style the link bar like I wanted to without also styling the date/time. Finding that entry is part of what caused me to attempt to do the layout again in pure CSS. This padding thing is one of two remaining problems I have.)

[dietotaku]

what code do i use to hide the "link" link? it's especially irritating since i can't change the text for it...

[av8rmike]

You have a Paid account, so you can change the text for it:

set text_permalink = "your text here";

[dietotaku]

where do i put that? when i tried to add it under .asset-meta-comments it didn't change the text and i got a bunch of dividers for the other links i've removed (track this, tell a friend, etc). or is it because i'm trying to use japanese characters for the text?

[av8rmike]

In your theme layer. You'll have to make one, if you don't have one already. There's a tutorial in this community.

[agneson9]

How can I block "share this!"?

Have tried
.asset-meta-list a[href*=tell_friend] {display: none;}
.asset-meta-list a[st_page*=home] {display: none;}
.asset-meta-list a[href*=share_this] {display: none;}

[av8rmike]

The second one is supposed to work, and apparently does because I can't see the "Share this" on your journal.

[agneson9]

hmmm, i'm reading my friendslist and it's right there.

ETA. I looked at my entries, and I can see it. Am I missing something universal, say, in 'viewing options'?

[av8rmike]

Are you using Internet Explorer, by chance?