Joomla Templates Club 406,261 posts

[greg04 Friend greg04Join date: March 2008Posts: 14Downloads:0Uploads:0 Thanks: 2 Thanked: 1 times in 1 posts]

#132675

Hello,

I am trying to replace the original logo.png with a logo of my own.

However, if you navigate to my site, you will notice that half of my logo is cut off.

http://www.mrhundermark.com

This is puzzling me because I only edited the width of the logo, not the height. In fact, I made sure that I did not move the bottom of that circular graphic (in the original logo, the bottom of the circle is 18 pixels from the bottom of the image, and it is also 18 pixels away from the bottom of my new logo).

If you want to compare the two png files, please see the following:

Current Logo (the one that is cut-off)

Original Logo (the one that displays fine)

The last thing I would like to note is that I have edited the template.css as described in this thread.

Please help me!!

[greg04 Friend greg04Join date: March 2008Posts: 14Downloads:0Uploads:0 Thanks: 2 Thanked: 1 times in 1 posts]

#267635

So it looks like I figured this out on my own.

I’m not really sure why the template.css file is setup the way it is, but the height for the logo is 38px (clearly the logo is taller than that).

So if you end up replacing the logo, you must not only specify the new width, but also the actual height (otherwise it will cut your image off).

In addition, I had to slide the text and circle down to the bottom of the image or else it would be way too close to the top of the page (this is again confusing because you cannot use the original position of the text and circle on the logo.png as a guide).

Do you guys follow?

1 user says Thank You to greg04 for this useful post

1. ruben valero

[Author]

Posts