X-Cart forums - Header icons not going all the way to the right

X-Cart forums (https://forum.x-cart.com/index.php)

- Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)

- - Header icons not going all the way to the right (https://forum.x-cart.com/showthread.php?t=51829)

Babydoll

01-18-2010 01:32 AM

Header icons not going all the way to the right

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

01-18-2010 03:40 AM

Re: Header icons not going all the way to the right

altskin.css

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

ORIGINAL CODE:

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

01-18-2010 04:23 AM

Re: Header icons not going all the way to the right

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

gizmo

01-18-2010 07:41 AM

Re: Header icons not going all the way to the right

1 Attachment(s)

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

01-20-2010 07:37 PM

Re: Header icons not going all the way to the right

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

All times are GMT -8. The time now is 06:00 PM.