1 adelante Dec 19, 2012 16:37
3 tilqicom Dec 19, 2012 22:17
You can simply add a padding-top:20px to main body wrapper i think.If you give a link i can give you exact instructions
4 adelante Dec 20, 2012 04:03
@tilqicom: Thanks a lot, indeed you are right, I found where to add padding-top:20px as you said, and now, when I'm logged in, all is fine.
But when I log out, there's that padding visible, which is a bit ugly. Of course I can live with that but if there's a simple way to add that special style with a margin, I'd like to do that (and to learn something new in the process!).
@fplanque: Could you tell me what that special style is called and maybe link to an example? I now think that the skin I used never had that style in the first place, using just the same padding which I now put back. Looking at other skins' style.css, I can't find anything that looks like a reference to 'evobar' or any kind of padding in the headers! Where do I look? For example, the evocamp skin clearly shows the shifting behavior, but for the life of me I can't figure out how it does it.
For what it's worth, my site is http://moscowhikers.ru/blog2.php and it's based on the glossyblue skin.
5 tilqicom Dec 20, 2012 06:28
you should add the padding to the .skin_wrapper_loggedin
. Note that #skin_wrapper has seperate classes for both loggedin and visitor
6 adelante Dec 20, 2012 17:33
@tilqicom: This is what I did - a fragment of my skin CSS. But it doesn't work: when logged in, there's no padding added. How exactly should I edit it? Thanks in advance!
div#skin_wrapper {
font: 100%/150% "Trebuchet MS", Tahoma, Arial;
color: #333333;
background: #FFFFFF url(img/main-bg.gif);
margin: 0px;
padding: 0px 0px 30px;
}
div#skin_wrapper_loggedin {
padding-top:20px;
}
7 tilqicom Dec 20, 2012 17:53
that should be:
div#skin_wrapper.skin_wrapper_loggedin{padding-top: 30px}
Note that *logged_in is not an id but a class, and it belongs to #skin_wrapper, it's not a seperate div
8 adelante Dec 20, 2012 18:06
Thank you so much! It worked!
@tilqicom wrote:
that should be:
div#skin_wrapper.skin_wrapper_loggedin{padding-top: 30px}
Note that *logged_in is not an id but a class, and it belongs to #skin_wrapper, it's not a seperate div
The technique for shifting the content down is that the default skins apply a different CSS style to the content when the evobar is displayed. That special CSS style has a margin on top of the appropriate number of pixels.
You have probably deleted that piece of code and should try to put it back.