Mind the Friends Page Gap
Jan. 6th, 2014 02:22 pm![[identity profile]](https://www.dreamwidth.org/img/silk/identity/openid.png){kind=small}
sireesanwar.livejournal.com posting in ![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png){kind=small}
layoutloungeAccount Status: All
Actions: Gap on the Friends Page
Theme: Flexible Squares
This is what your journal looks like...
But when you're on your Friends Page there is a gap!
Don't you just love LJ! I have yet to figure out why it does this but I can make the gap disappear.
1. In Customize Your Journal find your customized coding in the box. Find .headerimage which in my coding is almost always at the very bottom of the coding.
2. After this section add the coding section .lj-view-friends { margin-top: -10px; }
3. Now -10px is likely not going to close the gap. I usually start with -10px then add a few more (-15px). Then if there is still a gap I go a bit bigger (-20px). Still a gap (-25px)... the gap is gone, but we have to make sure we aren't overlapping under the navigation bar. So I'm going to go to -24px and see if there is a gap. If there is a small gap then you'll need to have it set to -25px. If there is no gap at all... I'd try -23px just to be sure. Again, gap go back to -24px no gap keep lowing it.
You want to find the exact number the gap is closed at so it doesn't throw off the header section.
BUT while that will close the gap to you .... it might not look so hot to everyone else as![[livejournal.com profile]](https://www.dreamwidth.org/img/external/lj-userinfo.gif)
london_fan tells us....
UPDATE:
london_fan tells us:
So maybe it is best to ignore the gap, should you come across it?
Actions: Gap on the Friends Page
Theme: Flexible Squares
This is what your journal looks like...
But when you're on your Friends Page there is a gap!
Don't you just love LJ! I have yet to figure out why it does this but I can make the gap disappear.
1. In Customize Your Journal find your customized coding in the box. Find .headerimage which in my coding is almost always at the very bottom of the coding.
2. After this section add the coding section .lj-view-friends { margin-top: -10px; }
3. Now -10px is likely not going to close the gap. I usually start with -10px then add a few more (-15px). Then if there is still a gap I go a bit bigger (-20px). Still a gap (-25px)... the gap is gone, but we have to make sure we aren't overlapping under the navigation bar. So I'm going to go to -24px and see if there is a gap. If there is a small gap then you'll need to have it set to -25px. If there is no gap at all... I'd try -23px just to be sure. Again, gap go back to -24px no gap keep lowing it.
You want to find the exact number the gap is closed at so it doesn't throw off the header section.
BUT while that will close the gap to you .... it might not look so hot to everyone else as
london_fan tells us....UPDATE:
london_fan tells us:
Well, the gap is a placeholder for messages to the journal owner, presumably the "please switch to our new friends feed" one, because the gap has been there, ever since this message was displayed months ago. LJ has removed the message, but never the gap for it!
And that's the reason your provided solution comes with a catch: It'll move the content of the friends page upwards, no matter who is watching the friends page, but the gap is only visible to the logged-in owner of the journal. Therefore the control_strip will now overlap with the content or headerimage by the number of pixels specified in your code for everyone viewing your friends page who isn't logged-in as the owner of the journal! It's probably no big issue assuming that very few people actually click other users' f-pages anyway, but I wanted to mention the issue, so people applying your code are aware of this side effect.
Ultimately I've tweaked the source code itself instead to remove the gap only if the viewer is the owner of the journal, but since that solution requires a theme layer it'll only work for a paid account. Therefore your code is still the best solution for anyone who can only tweak the custom CSS.
So maybe it is best to ignore the gap, should you come across it?
Questions? Please Comment.
layout_lounge![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png){kind=small}
(no subject)
Date: 2014-04-21 04:17 pm (UTC)Well, the gap is a placeholder for messages to the journal owner, presumably the "please switch to our new friends feed" one, because the gap has been there, ever since this message was displayed months ago. LJ has removed the message, but never the gap for it!
And that's the reason your provided solution comes with a catch: It'll move the content of the friends page upwards, no matter who is watching the friends page, but the gap is only visible to the logged-in owner of the journal. Therefore the control_strip will now overlap with the content or headerimage by the number of pixels specified in your code for everyone viewing your friends page who isn't logged-in as the owner of the journal! It's probably no big issue assuming that very few people actually click other users' f-pages anyway, but I wanted to mention the issue, so people applying your code are aware of this side effect.
Ultimately I've tweaked the source code itself instead to remove the gap only if the viewer is the owner of the journal, but since that solution requires a theme layer it'll only work for a paid account. Therefore your code is still the best solution for anyone who can only tweak the custom CSS.
That being said, I really want to thank you for all the neat tutorials you've compiled here! I'll surely take a look around here in the near future!
(no subject)
Date: 2014-04-21 09:06 pm (UTC)LJ always seems to so half the job they should.
(no subject)
Date: 2014-04-21 09:29 pm (UTC)This. I assume they just can't be bothered to fix any issues with the old friends page anymore, because they want people to switch to their annoying feed. Not that they're any better with other issues, though. I'm still waiting for fixes to several other staff-acknowledged issues I've reported over the last months.
(no subject)
Date: 2014-04-21 10:50 pm (UTC)The level of arrogance boggles the mind.
Well hat's off to you and all your issues you've reported.
(no subject)
Date: 2014-04-21 11:09 pm (UTC)Honestly, I've made it my personal challenge to work out solutions to circumvent most of the changes that annoy me by working out a fix on my own. I don't even complain about those. But there are quite a number of issues related to Javascript bugs and users can't really fix those!
Honestly, I'd pay to finally get the userpics in the contextual popup to link properly to the userpic page again! It took ages for someone from the staff to actually confirm that it is a more common issue and not something screwed up on my end!
Oops, accidental ranting! Sorry! ;)
(no subject)
Date: 2014-04-26 06:38 am (UTC)