X-Cart forums

[Babydoll]

I have my blog/twitter/facebook icons set on the bottom right of the header section but somehow they are 'stuck' as if there's an invisible wall.

Also, My horizontal button bar looks like it has shifted a few pixels lowers.

Here is how it looks:
http://www.babylovespink.com

This is the artistic tunes - watercolor template.

Does anyone know how I can fix this?
Thanks!

[gizmo]

altskin.css

You have that facebook and search in your header line 2 css

ORIGINAL CODE:

#header .line2 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
border-bottom:medium none;
border-top:medium none;
color:#FFFFFF;
left:0;
margin:0 0 0 47px;
position:absolute;
top:153px;
width:80%;


}

Just alter width:100%: or width:auto;

That should do it, in 4.3.0 theres quite a lot of css just for the header, I expect yours is simalar, I virtually redone my header css

[Babydoll]

Thank you! It fits perfectly at 94%
They look so cute now!

[gizmo]

You can also change the margin
margin:0 0 0 47px; (The 47px is the far left, so it's coming in 47px from the left) your search that is

You may also like to check cross browsers, like IE7 it displays like my screen grab.

Your header needs sorting out with img issues

http://forum.x-cart.com/attachment.php?attachmentid=1814&stc=1&d=126383284 1

I have not checked it with other versions of IE yet or other browsers.

[Babydoll]

I just realized what you're saying after someone told me the image wasn't loading and they're using ie. I just scratched out this extra thing:

{* <div class="logo2"><img src="{$ImagesDir}/company_logo.gif" alt="" /></div>
*} </div>

No idea why this thing is there.
Hope I didn't break anything this time :O