X-Cart forums

[SiamContainer]

Guys, I need help right here.
I spent 6 hrs already try to increase logo size.
Still not work.

I track the code down to the following, I still don't know which part to modify.

This is the original code from main.css & original theme.

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

I edited "#header .line1 .logo a img" size already but it didn't move search bar down.
So the picture is bigger but it stay behind the bar.


Although I have some knowledge to HTTP.
I'm very new to CSS, basically less than 24hrs working on it.

....

Thanks in advance.

[gizmo]

You Need to increase highlighted in red below as well
#header .line1 {
position: relative;
height: 67px; (Increase this a bit at a time to see how it meets your needs)
direction: ltr;
}

Bare in mind once you start increasing that you might also have to adjust highlighted in red (Mine is custom, but that's where you will have to adjust as well, by increasing it>

#content-container {
clear: both;
float: left;
overflow: hidden;
position: relative;
width: 100%;
padding-bottom: 39px;
margin-top: 210px;
background: transparent url(images/top_left.gif) no-repeat left;;
background-position: 595px 6px;

[SiamContainer]

Got it done!!!!
Thank you very much.

[gizmo]

Your Welcome, this has for the record been discussed many times. I'm glad you got it sorted...

[cbostard]

I was running into same problem, but how do I get rid of the orange bar that the search button is in on the home page near the top and just under the logo ( I think im using the same template as above. just the default 3column.4.3.1 im not sure what the header bar is called.

thanks

[gizmo]

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




Higlighted in red is border..

[cbostard]

Thanks Gizmo, Ill give it a try, hard getting use to the new css. just when I thought I had 4.1.12 down

Thanks again.

[gizmo]

Originally Posted by cbostard

Thanks Gizmo, Ill give it a try, hard getting use to the new css. just when I thought I had 4.1.12 down

Thanks again.

Just realised your version sorry:
skin1/skin1.css


.HeadLine {
BACKGROUND-IMAGE: url(images/head_linebg.gif);/*This is your back image
background-position: top;
background-repeat: repeat-x;
padding-right: 20px;
}
.HeadThinLine {
BACKGROUND-COLOR: #cb480c; /*this is colour of line
HEIGHT: 1px; /*This is giving the line
}

So to remove line
.HeadLine {
BACKGROUND-IMAGE: url(images/head_linebg.gif);
background-position: top;
background-repeat: repeat-x;
padding-right: 20px;
}
.HeadThinLine {
BACKGROUND-COLOR: #; /*BACKGROUND LINE COLOUR WILL NOW GO*/
HEIGHT: 1px; /*This is giving the line but will give nothing if colour set to nothing*/

Hope this is what your looking for...
}

[cbostard]

Gizmo, you were correct on the 1st post. I am testing 4.3.1 now, just getting it all fixed up before I transfer over from 4.1.12 vers.

I guess i need to update the avitar
thanks again

[brice]

I modified header.line1

Is it the content container that moved everything else down? I successfully moved the search bar, but then it obstructed other items on the page and i couldn't find a way to move EVERYthing down proportionally to the logo.

Originally Posted by gizmo

You Need to increase highlighted in red below as well
#header .line1 {
position: relative;
height: 67px; (Increase this a bit at a time to see how it meets your needs)
direction: ltr;
}

Bare in mind once you start increasing that you might also have to adjust highlighted in red (Mine is custom, but that's where you will have to adjust as well, by increasing it>

#content-container {
clear: both;
float: left;
overflow: hidden;
position: relative;
width: 100%;
padding-bottom: 39px;
margin-top: 210px;
background: transparent url(images/top_left.gif) no-repeat left;;
background-position: 595px 6px;