icarly: (Default)
norweigan asian ([personal profile] icarly) wrote in [community profile] style_system2011-12-08 06:13 pm

(no subject)

I'm trying to use THIS layout from LJ. But if you look at my journal, [personal profile] icarly you can see it's not exactly the same. I'm not sure how to get rid of the TAGS and MEMORIES links at the top, can someone help?

[personal profile] feathertail 2011-12-08 11:28 pm (UTC)(link)
I'd use Firebug or the Safari / Chrome Web Inspector, see what id or tags those elements have, then use CSS display: none to remove them. IIRC.

If you need more detailed help, I'm sure someone around here could explain. >.> Or I could look it up.
chagrined: Marvel comics: zombie!Spider-Man, holding playing cards, saying "Brains?" (brains?)

[personal profile] chagrined 2011-12-08 11:51 pm (UTC)(link)
ETA: Actually sorry I think I just remembered that there's a much easier way to do this!! If you go to the "Text" section in "Customize Journal Style," in "Navigation," just leave blank anything you don't want to show up. (eta2: Tested this on my own journal and it does work! For my style at least. Should hopefully also work for yours. I'll leave my original complicated answer below just in case it's of interest to anyone, but keep this up top since it's a much simpler solution.)

--

You can remove them using CSS using this kind of funky selector workaround:

.navheader li + li + li + li { display: none !important; }
.navheader li + li + li + li + li + li { display: inline-block !important; }


(The first line will hide "tags" and "memories" but it will also hide the subsequent profile link. The second line will bring back the profile link.)

Just go to Customize Style > Custom CSS and put that in the "custom stylesheet" box.

Note that if you ever bought a paid account, another link would appear in your .navheader for "network," so you'd need to tweak this code a bit to get rid of it. If you want to learn about the CSS sibling selector element I used, you can read about it here.

The maybe more elegant way to fix this problem (and make sure it doesn't crop up again in a new form if you switch from a free to paid account someday) would be to make yourself a custom style and edit the S2 code of your style so "tags," "memories," and "network" never show up at all, but that is more complicated than just pasting in the CSS code. But if you want to learn how to edit the S2, I'm not an S2 master but I'd be happy to try to explain it, or someone else could drop in. (If you are interested. If you don't care, just do this, heh.)
Edited 2011-12-08 23:58 (UTC)
got_swagger: (Default)

[personal profile] got_swagger 2013-02-10 03:39 am (UTC)(link)
I know this is late, but would there be a way to get rid of the "network" link? I love my paid account, but I have no use for that link in my navigation.

ETA: Actually the workaround up there fixed it. Thanks!

ETA 2: Actually, no, it removed my flist link. Oh well.

ETA 3: Doing the following removed "Network," "Tags," and "Memories" from my navigation links.

.navheader li + li + li + li + li { display: none !important; }
.navheader li + li + li + li + li + li + li + li { display: inline-block !important; }
Edited 2013-02-10 03:51 (UTC)