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)
-   -   How to move line bar (https://forum.x-cart.com/showthread.php?t=50783)

Duramax 6.6L 11-17-2009 05:33 AM

How to move line bar
 
1 Attachment(s)
I have been playing with 4.3 and can not fiqure out how to move the orange bar down to show my complete logo image. I have edited the skin1/main.css but can not find the exact setting.

Zaja 11-17-2009 06:32 AM

Re: How to move line bar
 
Find this code in main.css and edit height values:
Code:


#header .line1 {
    position: relative;
    height: 67px;/*  top row */
  direction: ltr;
}
#header .line1 .logo {
  padding-top: 9px;
    margin-left: 27px;
    width: 203px; /* logo container div */
}
#header .line1 .logo a img {
    width: 203px; /* logo width  */
    height: 48px; /* logo height */
}


Duramax 6.6L 11-17-2009 11:48 AM

Re: How to move line bar
 
Thank you, I had changed those setting, but not enough. Works great now.

Pyro 11-25-2009 04:16 PM

Re: How to move line bar
 
1 Attachment(s)
Hi,

I am having a similar issue as ZAJA was. My logo is 340x100. I was able to move the orange line down; however, the information below it does not move. How would I make everything else move down as well?

I do not wish to have the orange bar as low as I have it in my screenshot, I am simply illustrating my point that the information below it does not move along with the bar.


Thanks in advance.

Duramax 6.6L 11-25-2009 06:34 PM

Re: How to move line bar
 
Quote:

Originally Posted by Pyro
Hi,

I am having a similar issue as ZAJA was. My logo is 340x100. I was able to move the orange line down; however, the information below it does not move. How would I make everything else move down as well?

I do not wish to have the orange bar as low as I have it in my screenshot, I am simply illustrating my point that the information below it does not move along with the bar.


Thanks in advance.



Change to this

#header .line1 {
position: relative;
height: 125px;/* top row */
direction: ltr;
}

#header .line1 .logo a img [
width 340px;
height: 100px;

}

these are the only setting I made. just replace the code in the main.css with the code above

Pyro 11-25-2009 06:42 PM

Re: How to move line bar
 
1 Attachment(s)
Duramax,

Thank you for your reply. I have done as you instructed, but with no success.

My code now looks like this:

#header .line1 {
position: relative; height: 125px; direction: ltr;
}
#header .line1 .logo {
padding-top: 0px; margin-left: 27px; width: 340px;
}
#header .line1 .logo a img {
width: 340px; height: 100px;
}



While this makes my image fit perfectly, the orange bar is covering up the info below it now. I have attached a screenshot.


Thanks in advance

Duramax 6.6L 11-25-2009 06:59 PM

Re: How to move line bar
 
revert the template to unmodified and try the settings, I will be online for a while

Pyro 11-25-2009 07:08 PM

Re: How to move line bar
 
Duramax,


Thanks again for your help.

I have reverted the template back to the original as you suggested and then re-applied the settings, but that did not fix the issue.


I do not think it is any other conflicting template issue as this is a brand new install with 0 template edits except for the main.css and even the main.css only has the edits that you specified.


Do you happen to have any more ideas?

Thanks in advance

Duramax 6.6L 11-25-2009 07:15 PM

Re: How to move line bar
 
Have you altered any other templates at all?

Pyro 11-25-2009 07:20 PM

Re: How to move line bar
 
Duramax,

I have not changed any other templates. The only template changes that I have made are the ones that you have suggested.


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

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