Head Logo
 

I want to make my head logo the size of my website. How would I know the size of it?

Re: Head Logo
 

The size of your site or the size of your logo?

Re: Head Logo
 

The size of my site? I want the logo to be the size of the website?

Re: Head Logo
 

Well, what size did you set the site to when you set it up?

Re: Head Logo
 

I don't know I had x-cart do it? How can I check?

Re: Head Logo
 

Your site is 100% width - so you can't design a logo that will be 50% as it varies by the user looking at the site.

Re: Head Logo
 

Im trying to adjust logo image size on new 4.2 install... when changing the size in editor and then saving, the new information is not being saved, I have tried using firefox and IE when editing with same outcome. Any ideas?

site link to view logo: http://67.192.238.243/store/

editing head.tpl


<td class="HeadLogo"><a href="{$http_location}/"><img src="{$ImagesDir}/xlogo.gif" width="800" height="89" alt="" /></a></td>
<td class="HeadRightBox">
{if $usertype eq "C"}
{include file="customer/top_menu.tpl"}
{/if}
</td>


Finally... got the 800x89 to save in editor.. but still serves page in old image sizing.

Re: Head Logo
 

Clear your template cache

Re: Head Logo
 

Strange.. I deleted the head.tpl and nothing changed on the site.

v4.2 Gold

Re: Head Logo
 

If you check in skin1/customer, you will see numerous files have been added to this directory vs. 4.1.11 including head.tpl. Maybe the skin1/head.tpl file is one that they forgot to remove??

Re: Head Logo
 

Thats correct, I had the same problem. all the template files are in /skin1/customer/ except the stylesheet which is still at /skin1/

took me a while to figure it out.

Re: Head Logo
 

By default, x-cart automatically re sizes for customers according to their screen resolution (size). Therefore there is no easy way to make your header logo the size of their screen.

The other option would be change the dynamic aspect of your x-cart and force it to a fixed width.

skin1/rectangle_top.tpl - this controls the overall width and height of your layout. By default, it is set to 100% high and 100% width. You can set it to a fixed width (like 900px) or a percentage. Keep in mind that this is a shared template between the admin and customer sides, so you might want to put in an {if} statement to show something different for each side.

Hope this helps, Al

Re: Head Logo
 

I have the same problem. My customer's logo is fine on the admin side, but it shrinks it to 244 wide on the customer side.... even though I have the image width set at 350...
This should not be taking up so much of my time.

Re: Head Logo
 

I found it... /httpdocs/skin1/customer/head.tpl

<tr>
<td width="100%" style="padding-left: 42px;">
<a href="{$http_location}/"><img src="{$ImagesDir}/custom/Company_name.gif" width="205" height="26" border="0" alt="{$config.Company.company_name}" /></a>
</td>
</tr>

around line 18 it starts


question is will the template still resize.. ](*,)

Re: Head Logo
 

width="205" height="26"

this is not needed. You can jus take it out then your logo should look ok.

Re: Head Logo
 

AN i always set the site to a fixed width.

975px wide is a pretty good start. I hate the content jumping all around for bigger monitors, and screw 800 x 600. :D/

Re: Head Logo
 

That is where I changed it... httpdocs/skin1/customer/head.tpl
But it made no difference.
<div class="line1">
<div class="logo"><a href="{$catalogs.customer}/home.php"><img src="{$ImagesDir}/GOLFTHEWORLDLOGO.GIF" width="350" height="67" alt="Golf The World" /></a></div>


It still shows up 244 wide x 67 in customer mode. Reguardless of monitor setup.

Re: Head Logo
 

what version are you using?

and did you clear template cache?

Re: Head Logo
 

From your header layout I see that you have 4.2
In this version you should edit skin1/main.css
search for
and set your values there
Note that you have to set width twice

Re: Head Logo
 

Yes, 4.2.
I'll have to find that and change it in there.
I got frustrated and shrunk the logo.... I'm sure my customer will want it bigger than 244 wide.
Thanks for the help.

Re: Head Logo
 

Yup, Victor is right, I just did this in mine, I ripped the width and height tags out of main.css completely, they are not needed. It is not very smart of x-cart to include stuff like this by default. They should just have a "company logo" part of the admin panel where you set the logo for each size necessary and it makes all the adjustments.

Re: Head Logo
 

OK, I hate to be ignorant, but I'm new to smarty, etc.
How do I change the width from 100% to 900 or another fixed width?

This doesn't work:

{*
$Id: rectangle_top.tpl,v 1.26 2008/08/21 09:52:40 max Exp $
vim: set ts=2 sw=2 sts=2 et:
*}
<table class="Container" cellpadding="0" cellspacing="0" width="{$width|default:900px}">
<tr><td class="Container">

I'm sure I'm missing something....

Re: Head Logo
 

its in the CSS file.

Re: Head Logo
 

If you are dealing with version prior to 4.2 just edit skin1/customer/home.tpl
find there the line

and change to

Re: Head Logo
 

It's not in /rectangle_top.tpl ?
v 4.2

Re: Head Logo
 

OK, I checked main.css for any width that looked like it should be global and I couldn't find anything.
I just want to make the site a specific width in 4.2 but I'm having no luck. This should be easy....
I can't find any other forum postings that explain this for 4.2.

Re: Head Logo
 

So in relation to the head logo width and the whole website width in 4.2 I am now being a dork and adding to my last 2 posts.
In the main.css file at the top I did see a height tag, so I added a fixed width tag and now have a fixed width site, but it is somehow set to the left of the screen.
Here is how I added the html (the align: center tag does nothing):
/*
general tags styles
*/
html,body {
align: center; height: 100%; width: 900px;
background: #180000 url(images/golfsunsetshot.jpg) no-repeat;
margin: 0px;
padding: 0px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
min-width: 780px;
border: 0px none;
}


Any ideas?

Re: Head Logo
 

the width should be controlled by page-container

#page-container {
min-height: 100%;
position: relative;
width:975px;
margin:0 auto 0 auto;
}

the margin is what centers the page.

Re: Head Logo
 

read this,

bookmark it,

love it!!!!!!!!!!!!!!!!!!

Re: Head Logo
 

Thanks Ashley,
But I added the

width:900px;
margin:0 auto 0 auto;

and it didn't center.

Re: Head Logo
 

where did you add it?

Re: Head Logo
 

main.css
page-container

BTW, was there supposed to be a link or something in your last post to bookmark and read?

Re: Head Logo
 

oops sure was :oops:

http://www.w3schools.com/css/default.asp

please post your page-container and html,body css declarations.

Re: Head Logo
 

Here you go... thanks
general tags styles
*/
html,body {
align: center; height: 100%; width: 900px;
background: #006633 url(images/golfsunsetshotbanner.jpg) no-repeat;
margin: 0px;
padding: 0px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
min-width: 780px;
border: 0px none;

/* page container */
#page-container {
min-height: 100%;
position: relative;
width:900px;
margin:0 auto 0 auto;
}

Re: Head Logo
 

take the width out of the html,body.

Re: Head Logo
 

here are mine and it works fine.

html,body {
height: 100%;
background-color: #ffffff;
margin: 0px;
padding: 0px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 16px;
min-width: 780px;
border: 0px none;
}


#page-container {
min-height: 100%;
position: relative;
width:975px;
margin:0 auto 0 auto;
}

Re: Head Logo
 

That was it.
Thanks again for the help. Hopefully I'll start catching on soon.

Re: Head Logo
 

Ok cool. You had the html, body set to the same width as page-container, so there could be no margin because they were the same size.

So what we did was take the width out of the html,body tag, so they would go to their default 100% width.

This allowed for the margins on the page-container to be equal on both sides.

:) hope that helps a bit.

Re: Head Logo
 

hey guys, i just installed my site and i center it by changing the page-containter with that :
#page-container {
min-height: 100%;
position: relative;
width:975px;
margin:0 auto 0 auto;
}

The problem is that with that way they site looks "weird". I think it needs a border. IF you don't understand look my old site to understand www.turbosim.gr

any way to do this?

Re: Head Logo
 

copy this image www.turbosim.gr/oscommerce/images/background5.gif into skin1/images
and add in your css
and add border to #page-container:

and