cpt_kirk: <user name=carohdanvers site=tumblr.com> (sc: literally better than all your faves)
[personal profile] cpt_kirk posting in [community profile] style_system
I currently have Elegant Notebook for Gold Leaf - and I'm trying to get rid of the "Network" link in my navigation links. I currently have a gap there because I removed the text, but I don't like that open space.

Any help?

UPDATE: This has been fixed. Thank you all for your help!

Date: 2017-04-12 06:17 pm (UTC)
fueschgast: PotterPuffs-style drawing of me in Hufflepuff robes, text reads "Hufflepuff pride". (Default)
From: [personal profile] fueschgast
Maybe there's a more elegant way, but I'd do it by hiding the 4th list item.

.module-list-item + .module-list-item + .module-list-item + .module-list-item {
display: none;

.module-list-item + .module-list-item + .module-list-item + .module-list-item + .module-list-item {
display: inline;

Date: 2017-04-12 10:26 pm (UTC)
poulpette: cropped picture of a blue ringed octopus (Misc - blue rings)
From: [personal profile] poulpette
.module-navlinks .module-list-item:nth-child(4) {display: none;} should do the trick.
Edited (Don't want to target ALL the 4th module-list-items, just the one in module-navlinks) Date: 2017-04-12 10:29 pm (UTC)

Date: 2017-04-12 06:26 pm (UTC)
lysanatt: (Default)
From: [personal profile] lysanatt
Oh, that's a pretty layout!

If the container that contains the Network link has both padding and margins set to 0, maybe check that margins and padding are set to 0 in the two containers adjacent to it - and change to negative margins until they are where you need them if that's the case. It's been a long time since I played with CSS, so it might not work, but that's where I'd start.

And the above works too. :D
Edited Date: 2017-04-12 06:27 pm (UTC)


Dreamwidth style system discussion

August 2017


Style Credit

Expand Cut Tags

No cut tags
Page generated Oct. 23rd, 2017 02:22 am
Powered by Dreamwidth Studios