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
  #1  
Old 02-20-2009, 05:13 AM
 
RandyK RandyK is offline
 

Advanced Member
  
Join Date: Jul 2008
Posts: 63
 

Default Head Template Logo Change

I'm trying to remove the xlogo.gif image and replace it with my logo. However, my logo is the width of the entire page. I'm in the skin1/customer/head.tpl but am having problems getting this done. Any suggestions? Thank you in advance.
__________________
4.1.10
4.2
X-Magnifier
Fancy Categories
Reply With Quote
  #2  
Old 02-20-2009, 05:21 AM
 
balinor balinor is offline
 

Veteran
  
Join Date: Oct 2003
Location: Connecticut, USA
Posts: 30,253
 

Default Re: Head Template Logo Change

http://forum.x-cart.com/showthread.php?t=20303
__________________
Padraic Ryan
Ryan Design Studio
Professional E-Commerce Development
Reply With Quote
  #3  
Old 02-20-2009, 05:31 AM
 
RandyK RandyK is offline
 

Advanced Member
  
Join Date: Jul 2008
Posts: 63
 

Default Re: Head Template Logo Change

I did what it says in this post but the problem is my logo is the width of the page and it squeezes it into the set width of the xlogo.
__________________
4.1.10
4.2
X-Magnifier
Fancy Categories
Reply With Quote
  #4  
Old 02-20-2009, 05:36 AM
 
balinor balinor is offline
 

Veteran
  
Join Date: Oct 2003
Location: Connecticut, USA
Posts: 30,253
 

Default Re: Head Template Logo Change

So remove the dimensions or replace them with yours.
__________________
Padraic Ryan
Ryan Design Studio
Professional E-Commerce Development
Reply With Quote
  #5  
Old 02-20-2009, 05:41 AM
 
RandyK RandyK is offline
 

Advanced Member
  
Join Date: Jul 2008
Posts: 63
 

Default Re: Head Template Logo Change

Below is the area of question in skin1/customer/head.tpl:

<div class="line1">
<div class="logo"><a href="{$catalogs.customer}/home.php"><img src="{$ImagesDir}/xlogo.gif" alt="" /></a></div>

My logo is 960x80 as the site will eventually be 960 in width. How would you write this in? Sorry for what should be obvious questions, having a bit of a learning curve in 4.2.
__________________
4.1.10
4.2
X-Magnifier
Fancy Categories
Reply With Quote
  #6  
Old 02-20-2009, 05:48 AM
 
balinor balinor is offline
 

Veteran
  
Join Date: Oct 2003
Location: Connecticut, USA
Posts: 30,253
 

Default Re: Head Template Logo Change

Ah, you need to specify which version your question applies to, as you have two in your signature. Look at the .logo class in the main stylesheet, the dimension is probably there.
__________________
Padraic Ryan
Ryan Design Studio
Professional E-Commerce Development
Reply With Quote
  #7  
Old 02-20-2009, 06:28 AM
 
RandyK RandyK is offline
 

Advanced Member
  
Join Date: Jul 2008
Posts: 63
 

Default Re: Head Template Logo Change

Found it, thank you.
__________________
4.1.10
4.2
X-Magnifier
Fancy Categories
Reply With Quote
  #8  
Old 07-08-2009, 06:14 PM
 
beabear12 beabear12 is offline
 

Newbie
  
Join Date: Jul 2009
Posts: 2
 

Default Re: Head Template Logo Change

Hello, I am having this same problem. Unforunately I know nothing about web design but would just like the logo to fit in the template I purchased. I tried to follow whatever instructions and other answers I could find on here but nothing has changed. My logo is 300 x 87px. Here is what's on the main style sheet right now:

#header .line1 {
position: relative;
height: 87px;
direction: ltr;
}
#header .line1 .logo {
margin-left: 0px;
width: 300px;
}
#header .line1 .logo a img {
width: 300px;
height: 87px;

As you can see I thought this might be where I was supposed to change the numbers, so I played around with it, but nothing happened.

Help, please!!
__________________
v 4.2.1
Reply With Quote
  #9  
Old 08-12-2009, 07:46 AM
 
dwpers dwpers is offline
 

Senior Member
  
Join Date: Aug 2009
Location: Washington D.C.
Posts: 136
 

Default Re: Head Template Logo Change

I've tried adding my logo in, but since it has a larger height than the default template has allowed for, the orange search bar overlaps my main content....is there a fix to this? I assume margin or padding increase for the middle content?
__________________
X-Cart Pro 4.2.2
Reply With Quote
  #10  
Old 08-12-2009, 09:32 AM
  cflsystems's Avatar 
cflsystems cflsystems is offline
 

Veteran
  
Join Date: Apr 2007
Posts: 14,190
 

Default Re: Head Template Logo Change

Yes it's all in the main.css
Use FF and Firebug it will tell you exactly what and where
__________________
Steve Stoyanov
CFLSystems.com
Web Development
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 09:29 AM.

   

 
X-Cart forums © 2001-2020