X-Cart: shopping cart software

X-Cart forums (https://forum.x-cart.com/index.php)
-   Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)
-   -   Yet another logo question (little help?) (https://forum.x-cart.com/showthread.php?t=54387)

SID357 06-28-2010 11:44 PM

Yet another logo question (little help?)
 
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

Code:

#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 06-28-2010 11:45 PM

Re: Yet another logo question (little help?)
 
Thanks!

Shamun 06-29-2010 04:27 AM

Re: Yet another logo question (little help?)
 
Try adding:
Code:

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

to #header .line1 .logo a img

Add the image height to #header .line1

SID357 06-29-2010 03:02 PM

Re: Yet another logo question (little help?)
 
Thanks for the reply Tal, appreciate it.

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

Code:

#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 06-29-2010 04:07 PM

Re: Yet another logo question (little help?)
 
Make sure you clear out your Templates Cache (Admin, Summary, Tools, about 2/3 the way down the page).

Shamun 06-29-2010 04:09 PM

Re: Yet another logo question (little help?)
 
If you give a link to your site it would also help so I could actually see what changes.

SID357 06-29-2010 04:44 PM

Re: Yet another logo question (little help?)
 
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 06-29-2010 05:12 PM

Re: Yet another logo question (little help?)
 
#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 06-29-2010 05:36 PM

Re: Yet another logo question (little help?)
 
Nah, still positioned to the left. That padding made the gold bar wider though. :mrgreen:

Here's what I got code wise.
Code:

#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 06-29-2010 06:53 PM

Re: Yet another logo question (little help?)
 
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:
Code:

padding-top: 9px
width: 597px;


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


All times are GMT -8. The time now is 04:35 AM.

Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.