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)

RandyK 02-20-2009 05:13 AM

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.

balinor 02-20-2009 05:21 AM

Re: Head Template Logo Change

RandyK 02-20-2009 05:31 AM

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.

balinor 02-20-2009 05:36 AM

Re: Head Template Logo Change
So remove the dimensions or replace them with yours.

RandyK 02-20-2009 05:41 AM

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.

balinor 02-20-2009 05:48 AM

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.

RandyK 02-20-2009 06:28 AM

Re: Head Template Logo Change
Found it, thank you.

beabear12 07-08-2009 06:14 PM

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!!

dwpers 08-12-2009 07:46 AM

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?

cflsystems 08-12-2009 09:32 AM

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

All times are GMT -8. The time now is 09:47 AM.

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