Forums

Concrete5 Bar throws off CSS positions

Permalink
Hoping there is an easy, quick fix for this. Logged out of my site, everything is positioned correctly. Logging in, with the 50px bar up top, will throw off my css positioning on two graphics.

I tried throwing in a margin-top and a body-background margin from another thread on here. It makes the actual site shift but leaves my two graphics about 50px higher than they should be because it is shifting everything else down, but not these two graphics.

I know it might be a CSS issue, but was wondering if there was a snippet to add to the header to fix the issue.

Thanks in advance.
 
sniggitysnax replied on at Permalink Reply
sniggitysnax
Try putting this into your header. Create a style for it such as this.
<?php $u = new User();
if($u->isLoggedIn() !== false):?>
<style type="text/css">
*your_graphic_here*
{
margin-top: -50px!important;
}
</style>

Try that, code goes in head tags.
jordanlev replied on at Permalink Reply
jordanlev
I think this is the right approach, but the code is a little off. Try this:
<?php $u = new User();
if($u->isLoggedIn()):?>
<style type="text/css">
*your_graphic_here*
{
margin-top: -50px!important;
}
</style>
<?php endif; ?>
lomaintech replied on at Permalink Reply
Thanks ya'll. Now just a forewarning, my knowledge of PHP is enough to get things done, and not enough to be dangerous. So

*your_graphic_here* would be which tags?

I've tried the img tags with a <?php getthemepath-->/images/image.img ?> etc. etc. and have yet to see any results. So tell me C5 forums ...

What do I put in *your_graphic_here*???

Sorry for the ignorance in advance.
sniggitysnax replied on at Permalink Reply
sniggitysnax
This would simply be your css selector. For instance, if I had 
<img class="moveMe" src="<?=$this->getThemePath()?>/images/myImage.jpg"></img>
Then you would put the class selector into the above code. It would look like:
.moveMe
{
margin-top: -50px;
}