How do I display my logo correctly.

First. Sorry for post. This should be somthing someone with my level of knowledge could do in seconds. Instead I have spent hours trying to get a simple 179x200ps png file to disply as the logo.

I would be happy to set the image using logotype=Image in the features section of the template manage style editor. This is actulally the closest method I have got to working. The only problems are that (1) The colours aren't dispalyed correctly (2) The column it sits above is not pushed down. (3) I would like to move it to the top and to the left.

I would also be happy to edit the css. I have already edited template.css and checked the options in style.css. I can correctly set the size of the logo, but it does not dispaly at all (I cannot see any reason why). All I am left with is a blank box.

Another option would be to change the heIght and width using the overide in the advanced section of the template manage style editor, but I can't seam to make that work either.

Then there would the the option of making a custom HTML module, except I can't choose the logo postion.

+----

Please can you suggest a solution. Currently the logo is displayed as an "image". If I can just move it left and up and then make sure it does not overlap the colum and then fix the colours that would be fine (to chek the colour, right click and choose "view image").

Take a look: http://neuropoolcom.ipage.com/neuropool/

Hi

Please use override.css file for css modifications. This way You will not need to remember all changes when template will be updated.

About Your question. The shape of Your logo makes it difficult to put it there, so I was thinking about moving it to a left column as a regular module, and than hide the logo You have there for desktop layout. But this solution will need some more changes, so I think the best in Your case would be to make it simple and add this code to css:

Code: Select all

#gkLogo {
    height: auto;
}


Great thanks!, that did some of the work

Yes, I always prefer to use the custom css to ensure I can update the template later.

Still doesn't look that great. Now there is too much space below the logo and it has increased the size of the banner position.

I'd love to remove/hide the logo positon and make a module as you describe. In the last template club I used I simply published an html module in the logo postion...any thoughts on how I do that with some custom css?

Alternatively if I could leave it this way and just move it up and to the left, then I'd just remove the extra words to make it look good.

Any help greatly appreciated.

UPDATE: I just decided to change to logo and put an updated version of old logo with no box.

The ONLY thing I needed to to is move it to the left. lol. I hate CSS,.. but I added a little CSS to the cusom CSS box and fixed it. Great. Thanks for you help, it got the ball rolling, I would have been stick if not for that.

Oh.. for those who read this thread, here is the CSS i used (not sure it's good CSS, but it did the job ):

#gkLogo {
height: auto;
position:relative;
left:-20px;
}

Hi

Yes this logo looks much better in this place now