X-Cart forums

[Duramax 6.6L]

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]

Find this code in main.css and edit height values:

#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]

Thank you, I had changed those setting, but not enough. Works great now.

[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.

[Duramax 6.6L]

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]

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]

revert the template to unmodified and try the settings, I will be online for a while

[Pyro]

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]

Have you altered any other templates at all?

[Pyro]

Duramax,

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