How to move line bar
 

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.

Re: How to move line bar
 

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

Re: How to move line bar
 

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

Re: How to move line bar
 

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.

Re: How to move line bar
 

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

Re: How to move line bar
 

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

Re: How to move line bar
 

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

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

Re: How to move line bar
 

Have you altered any other templates at all?

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.

Re: How to move line bar
 

Something is wrong, Are you using IE8

Re: How to move line bar
 

Ive checked it in IE6, IE7 and Chrome.

Re: How to move line bar
 

You also need to edit the top margin of the container below, that would be content-container probably.
Use Firefox with Firebird - you can see exactly which style, what and how much you have to change