Recent Topics

1 Dec 19, 2012 16:37    

In most skins, the list of blogs is at the top; and when you log in, the gray bar with b2 menus usually 'shifts' the whole skin down. Well, it doesn't do that on my modified skin, and instead covers the list of blogs so the links can't be clicked. Frankly, I simply hacked away at a stock skin to put a logo inside, and generally to make it look the way I wanted, without much understanding of how things actually work.

So I'd appreciate very much some advice as to what allows the content to shift down under the menu bar. Or, alternatively, what might be preventing it from shifting? Any particular instructions in css? Would anybody be willing to have a look at my website, can I post a link here?

2 Dec 19, 2012 20:28

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.

3 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 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 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 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 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 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


Form is loading...