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.

Re: Head Template Logo Change
 

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.

Re: Head Template Logo Change
 

So remove the dimensions or replace them with yours.

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.

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.

Re: Head Template Logo Change
 

Found it, thank you.

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

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?

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

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.

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.

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;

Re: Head Template Logo Change
 

Got it done!!!!
Thank you very much.

Re: Head Template Logo Change
 

Your Welcome, this has for the record been discussed many times. I'm glad you got it sorted...

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

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

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.

Re: Head Template Logo Change
 

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...
}

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

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.

Re: Head Template Logo Change
 

Brice
The original was aimed at the topic poster, are you using Light and Lucid?
After you adjust header . line1


You will then have to adjust in red the content-container by increasing this, if you have increased line height to compensate the adjustments made to line1 height


So in short increase : margin-top: 210px; within content container, like I siad increase to fit your design...

Re: Head Template Logo Change
 

That's what I was confirming. Default light and Lucid (http://keepsakes4kids.com/store). I'm working with various logos (the one there just doesn't work so no comments about colors or logos :wink: It's a work in progress. I found that when I moved the search bar/header, it overlapped the categories and they were no longer funcitonal... I'll try content container and see what happens.


Thanks!!!!

Re: Head Template Logo Change
 

It's been a long day sorry, so many people asking various things8O
No comments about colours (No worries)

Your Current Header Logo > http://www.keepsakes4kids.com/store/skin1/images/custom/logov1.jpg

Your header width you have set as Height 76, but your logo height is 150. You need to make sure header height is at least the same as your logo height..

Also your > #header .line1 .logo a img (That's holding your image is set at 76px (When your image is height 150....

In short it is scaling your image not to it's proper height because you have set height in the above to 76px..

The header is complex, in that there are quite a few css controlling various things on the header, in that you alter one, you have to alter another to control and compensate the edits you do..

Re: Head Template Logo Change
 

Exactly. When I added it originally I had the proper dimensions, but it was placed under the search bar/header. When I figured out how to move that down to keep my logo at the proper dimension, I overwrote the categories and bread crumbs and could no longer access. I've learned EXACTLY what you are telling me - the hard way. Touching one item here has so many other ramifications. Seems like a robust architecture, but it's also complex and poorly documented. As a former programmer I can say it's typical. Doc comes last. :D

I know I never touched the content container when I tried doing this last night. When I do, I think the categorie, search bar/header and other content will move down. Again, I'll try tonight. Not sure you can help me much more on this until I give that a go later tonight.

I'm contemplating buying a custom skin closer to what I really want and pray my notes on what I've changed (welcome text, etc) isn't lost in my language variables when I move to a new skin. Thank goodness I'm not in production yet. ha ha.

Thanks for your help. I'm new here and I've noticed you are VERY helpful experienced user sharing the wealth! The world needs more people like you.

Take care.

P.S. By the way my middle name is Alan. Apparently a name reserved for brilliant people.

Re: Head Template Logo Change
 

Brice:
Yea I am still learning, lol.. Once you get the hang of it it is quite adaptable, I think most designers base there designs starting with light and lucid.

I have spent almost 2 months trying to get My designs right for production, I suppose I am too much of a perfectionist.

Hey web design and css is not easy and we all learn off each other.

I am here to help, and just a pm away, I try and help where I can and understand fully that starting out with x-cart is not easy within all areas.

LOL .... Alan (The name says it all I guess)

Re: Head Template Logo Change
 

:? Hello everyone, no matter what I change in the main.css file my header will not increase to show the whole logo which is bt.jpg 615x177 in my header. Can some please help me with this. I just installed the new 4.3.1 version in a test directory at http://www.stitches4u.com/fresh_install/home.php and have started to make changes to my template to get the way it was on my orginal vs 4.1.10 site which is http://www.stitches4u.com. I have been working on this logo since yesterday. I am using a template from
http://x-cart-customization.com (Gambling Shop Template #1503) over the xcart Light & Lucid 3-column template. Thank you very much for your help. Shareen

Re: Head Template Logo Change
 

:D Never mind. I think I got it.

Re: Head Template Logo Change
 

Now what happens if I like head_linebg.gif but just want to change its color? Would I have to create a new .gif?

Thanks

Re: Head Template Logo Change
 

Hey guys,
Sorry, have to come back to the same problem of enlarging logo again.

On the main page and product page, everything is fine. (Pix 01)
However, my larger logo is blocking some info on "Cart" and "Checkout" page. (Pix 02 - 03)


I guess editing main.css and moving yellow bar will not effect "Cart" and "Checkout" page.

Which file to fix???

Thanks again.

Re: Head Template Logo Change
 

You are using FLC - skin1/modules/Fast_Lane_Checkout. It has its own templates and style sheet files so you need to edit them as well

Re: Head Template Logo Change
 

Thanks but I can't seem to find the same thing to edit as in main skin1 - main.css
(header.line1 and content container

What to edit in skin1/modules/Fast_Lane_Checkout?
Is it main.css?
Which line?????

Thank again.

Re: Head Template Logo Change
 

Use firebug in firefox to find out the exact class you need to edit

Re: Head Template Logo Change
 

I have been trying to figure out how to change that orange bar and I found it as an image. I like the bar but I just want to change the color.

Does anyone have any ideas?

Re: Head Template Logo Change
 

You have to recreate the image or use flat color instead

Re: Head Template Logo Change
 

Not sure I understand what you mean by flat color? Also, which do you think is best?

Re: Head Template Logo Change
 

Sorry I meant just regular color as a background not an image that looks 3d or with shadow and stuff... What's best depends on your design.

Re: Head Template Logo Change
 

HA, Design...I have the regular one intalled...I have been working on trying to figure out how to change the design for almost a week now and I am lost and frustrated.

I can't even figure out how to move the bestsellers box...... :( I can move it with firebug but can't figure out how to move it in the templete as I can not find the HTML in the templete.

Re: Head Template Logo Change
 

Time to learn smarty I guess. It's a smarty call not an html code.

Re: Head Template Logo Change
 

Your killing me!!! LOL

Is smarty a plug in for firefox, IE......?

Re: Head Template Logo Change
 

Nope. www.smarty.net

It's a template engine. XCart is built on it along with PHP and MySQL