X-Cart forums

[Bobby P.]

Im running 4.2.0

I am a newbie: I want to move the orange bar at top of screen. Ive been into the Main CSS file using firebug Ive Identified it as Div class = "line2" I know the name of the Image file i just cant find anything that would let me move the bar Ive adjusted the borders of the bar but not the Bar itself can someone point me in the right direction. This is what ive been messing around with so far:

#header .line2 {main.css (line 430)
background:transparent url(images/head_linebg.gif) repeat-x scroll center top;
border-color:#CB480C -moz-use-text-color;
border-style:solid none;
border-width:1px medium;
color:#451300;
height:39px;
position:relative;
width:100%;

I just want to move it down a 1/4 inch. Frustrated

[Victor D]

if you want to move this bar with it's content just swap

<div class="line1"> 
...
</div>

with

<div class="line2"> 
...
</div>

in your skin1/customer/head.tpl
It is the easier way.

Another solution is to add into your main.css following rules:

#header .line2 {top:-69px}
#header .line1{top:39px}

I've checked it in Firefox, if you'll go this way you should test in every browser.

More complex is not to swap whole divs but it's content only and then swap in every .css file .line1 with .line2 and vice versa

[Bobby P.]

Thank you for your help it was exactly what i needed to know