Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls

Head Template Logo Change

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design
 
Thread Tools Search this Thread
  #11  
Old 02-25-2010, 05:36 AM
  SiamContainer's Avatar 
SiamContainer SiamContainer is offline
 

Member
  
Join Date: Feb 2010
Posts: 20
 

Default 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.
__________________
Total noob to X-Cart Pro 4.3
Reply With Quote
  #12  
Old 02-25-2010, 06:05 AM
  gizmo's Avatar 
gizmo gizmo is offline
 

X-Adept
  
Join Date: Jan 2005
Location: Crawley : UK
Posts: 618
 

Default 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;
__________________
Thank You - Alan
Don't be like me, and keep saying "Nearly did it" go do it!!
Version: 4.4.4 Gold -
Reply With Quote
  #13  
Old 02-25-2010, 06:44 AM
  SiamContainer's Avatar 
SiamContainer SiamContainer is offline
 

Member
  
Join Date: Feb 2010
Posts: 20
 

Default Re: Head Template Logo Change

Got it done!!!!
Thank you very much.
__________________
Total noob to X-Cart Pro 4.3
Reply With Quote
  #14  
Old 02-25-2010, 08:38 AM
  gizmo's Avatar 
gizmo gizmo is offline
 

X-Adept
  
Join Date: Jan 2005
Location: Crawley : UK
Posts: 618
 

Default Re: Head Template Logo Change

Your Welcome, this has for the record been discussed many times. I'm glad you got it sorted...
__________________
Thank You - Alan
Don't be like me, and keep saying "Nearly did it" go do it!!
Version: 4.4.4 Gold -
Reply With Quote
  #15  
Old 03-01-2010, 04:07 AM
 
cbostard cbostard is offline
 

Advanced Member
  
Join Date: Dec 2007
Location: USA/ New Jersey
Posts: 47
 

Default 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
__________________
Version 4.3.1
fancy catagories (enabled)
dynamic image generator 4.1(enabled)
tabbed menu buttons
Cdseo Pro (enabled)
anonymous cart mod (enabled )
skin swap "mod doesnt work well for me"
x-magnafier
xcart Gift registry
Reply With Quote
  #16  
Old 03-01-2010, 05:53 AM
  gizmo's Avatar 
gizmo gizmo is offline
 

X-Adept
  
Join Date: Jan 2005
Location: Crawley : UK
Posts: 618
 

Default 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..
__________________
Thank You - Alan
Don't be like me, and keep saying "Nearly did it" go do it!!
Version: 4.4.4 Gold -
Reply With Quote
  #17  
Old 03-01-2010, 07:00 AM
 
cbostard cbostard is offline
 

Advanced Member
  
Join Date: Dec 2007
Location: USA/ New Jersey
Posts: 47
 

Default 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.
__________________
Version 4.3.1
fancy catagories (enabled)
dynamic image generator 4.1(enabled)
tabbed menu buttons
Cdseo Pro (enabled)
anonymous cart mod (enabled )
skin swap "mod doesnt work well for me"
x-magnafier
xcart Gift registry
Reply With Quote
  #18  
Old 03-01-2010, 11:02 AM
  gizmo's Avatar 
gizmo gizmo is offline
 

X-Adept
  
Join Date: Jan 2005
Location: Crawley : UK
Posts: 618
 

Default 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...
}
__________________
Thank You - Alan
Don't be like me, and keep saying "Nearly did it" go do it!!
Version: 4.4.4 Gold -
Reply With Quote
  #19  
Old 03-01-2010, 12:21 PM
 
cbostard cbostard is offline
 

Advanced Member
  
Join Date: Dec 2007
Location: USA/ New Jersey
Posts: 47
 

Default 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
__________________
Version 4.3.1
fancy catagories (enabled)
dynamic image generator 4.1(enabled)
tabbed menu buttons
Cdseo Pro (enabled)
anonymous cart mod (enabled )
skin swap "mod doesnt work well for me"
x-magnafier
xcart Gift registry
Reply With Quote
  #20  
Old 03-04-2010, 09:44 AM
 
brice brice is offline
 

Member
  
Join Date: Feb 2010
Posts: 10
 

Default 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;
__________________
Brice

4.3.1
Light and Lucid
No addons.
Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design


Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 11:06 AM.

   

 
X-Cart forums © 2001-2020