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)
-   -   Head Template Logo Change (https://forum.x-cart.com/showthread.php?t=45710)

SiamContainer 02-25-2010 05:36 AM

Re: Head Template Logo Change
 
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.
Quote:

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 02-25-2010 06:05 AM

Re: Head Template Logo Change
 
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 02-25-2010 06:44 AM

Re: Head Template Logo Change
 
Got it done!!!!
Thank you very much.

gizmo 02-25-2010 08:38 AM

Re: Head Template Logo Change
 
Your Welcome, this has for the record been discussed many times. I'm glad you got it sorted...

cbostard 03-01-2010 04:07 AM

Re: Head Template Logo Change
 
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 03-01-2010 05:53 AM

Re: Head Template Logo Change
 
#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 03-01-2010 07:00 AM

Re: Head Template Logo Change
 
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 03-01-2010 11:02 AM

Re: Head Template Logo Change
 
Quote:

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 03-01-2010 12:21 PM

Re: Head Template Logo Change
 
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 03-04-2010 09:44 AM

Re: Head Template Logo Change
 
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.

Quote:

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;



All times are GMT -8. The time now is 04:07 AM.

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