X-Cart forums

[SID357]

First and foremost:

I'd like to apologize to our over seas comrades. When I first started using this, I was a lot like the other new users (pissed). After going through the manual and especially this forum (thank you guys, you rock) I started to get it, and dare I say it, learn something new. *gasp*

I must say though, it's a little bit like finding Waldo. Waldo's being a real bastard right now.

Here's my problem:
I'm using Pro 4.3.2 and every bodies code I see doesn't look like mine.

What I want:
A centered logo with no over lap (would prefer flash but I'll tackle that later).

Code skin1>main.css

#header .line1 {
    position: relative;
    height: 67px;
  direction: ltr;
}
#header .line1 .logo {
  padding-top: 9px;
    margin-left: 27px;
    width: 203px;
}
### THIS IS THE ACTUAL LOGO
#header .line1 .logo a img {
    width: 597px;
    height: 89px;    

The logo looks fine, but I can't seem to center it. Tried "middle", "center" under logo a etc. I'm guessing it's way off somewhere else. lol

Pic:

http://tinyurl.com/2e76j9j

[SID357]

Thanks!

[Shamun]

Try adding:

margin-left: auto;
margin-right: auto;

to #header .line1 .logo a img

Add the image height to #header .line1

[SID357]

Thanks for the reply Tal, appreciate it.

Unfortunately, there wasn't any change. Still looks the same as the screen shot.

#header {
    height: 140px;
    position: absolute !important;
    top: 0px;
  left: 0px;
    width: 100%;
}
#footer {
    height: 39px;
    width: 100%;
    position: absolute !important;
    bottom: 0;
    overflow: hidden;
    float: left;
}
/*
  Right-to-left
*/
.rtl {
  direction: rtl;
}
/*
  header styles
*/
#header .line1 {
    position: relative;
    height: 89px;
  direction: ltr;
}
#header .line1 .logo {
  padding-top: 9px;
    margin-left: 27px;
    width: 203px;    
}
### THIS IS THE ACTUAL LOGO SIZE
#header .line1 .logo a img {
    width: 597px;
    height: 89px;
    margin-left: auto;
    margin-right: auto;    

[Vacman]

Make sure you clear out your Templates Cache (Admin, Summary, Tools, about 2/3 the way down the page).

[Shamun]

If you give a link to your site it would also help so I could actually see what changes.

[SID357]

Thanks Vacman, tried that earlier to no avail.

It's weird. I got it to fit how I want it, but can't find out how to center it.

Also, if you "checkout" everything slides up and wipes out the logo. I think what I'm going to do is just resize the logo to fit the background. I want to add some background to it anyway.

Here's the link.
http://www.shirtsforthepeople.com/sftp/home.php

[Shamun]

#header .line1 .logo {
margin-left: auto;
margin-right: auto;
position: relative;
padding-top: 9px
width: 597px;
}

Thats all that should be there. Logo is centered.

[SID357]

Nah, still positioned to the left. That padding made the gold bar wider though.

Here's what I got code wise.

#header .line1 {
    position: relative;
    height: 89px;
  direction: ltr;
}
#header .line1 .logo {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        padding-top: 9px
        width: 597px;
}
#header .line1 .logo a img {
    width: 597px;
    height: 89px;
    margin-left: auto;
    margin-right: auto;    

I got backups of everything, so I think I'll just break stuff till I get it. I don't want you to eat up your day trying to help me out.

I appreciate you taking a look at it man.

[Shamun]

Are you using firefox or IE to look at it?
If its IE, switch to firefox and then when its good in firefox go back and check in IE.
Firefox -> IE = good
IE -> Firefox = not so good


Edit:

padding-top: 9px
width: 597px;

You're missing a ; after the 9px in padding. That's why it doesn't work.