?

Log in

No account? Create an account
 
 
06 January 2014 @ 02:22 pm
Mind the Friends Page Gap  
Account Status: All
Actions: Gap on the Friends Page
Theme: Flexible Squares


This is what your journal looks like...
 photo Capture.png










But when you're on your Friends Page there is a gap!
 photo Capture2-1.png

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.
 
 
 
girlspell: charmgirlspell on January 6th, 2014 10:47 pm (UTC)
I don't even know how to put up a customized lay out. I haven't a clue.

I found one person who had a pretty layout. link:

http://his-praiser.livejournal.com/

But she found it in a russian site

http://layouts-ru.livejournal.com/
Jill aka Jo: SPN: Dean Oh Dearsireesanwar on January 7th, 2014 01:19 am (UTC)
That is why I have a help community. There are lots of tutorials here to help you and you can just get them from me if you like. I love making them!
nightfogunightfog on January 8th, 2014 05:49 pm (UTC)
oh this one looks great too!!!
Jill aka Josireesanwar on January 8th, 2014 09:48 pm (UTC)
Gotta solve these issues.
london_fan: LJ - Keep Calm And Reviselondon_fan on April 21st, 2014 04:17 pm (UTC)
Hi, sorry for the random comment here, but I stumbled upon this entry during a google search for this issue, so I hope you don't mind me adding some important information?

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!
Jill aka Jo: Angel: Wesley & Fredsireesanwar on April 21st, 2014 09:06 pm (UTC)
Huh! I didn't know that. Thank you for sharing that. I'll make sure to share this with other viewers of this post!

LJ always seems to so half the job they should.
london_fan: LJ - Keep Calm And Reviselondon_fan on April 21st, 2014 09:29 pm (UTC)
I only accidentally noticed this issue, when I logged in to my test journal and all of a sudden my own f-page displayed the controlstrip overlapping my headerimage. That's when I started to look into this problem and a different solution again.

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.
Jill aka Josireesanwar on April 21st, 2014 10:50 pm (UTC)
It is just disgusting. Give people what they want not what you want.

The level of arrogance boggles the mind.

Well hat's off to you and all your issues you've reported.
london_fan: CSS|Code|Ninjalondon_fan on April 21st, 2014 11:09 pm (UTC)
Lol at the icon! Yeah, I know.... especially if people pay for the service!

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! ;)
Jill aka Josireesanwar on April 26th, 2014 06:38 am (UTC)
No problem. It is nice to see I'm not the only one annoyed with LJ. Feel free to point stuff out to me anytime.