How To Change Logo.PNG Size?

Discuss the development and implementation of Joomla! 1.0.x templates here.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Post Reply
projectv3
Joomla! Apprentice
Joomla! Apprentice
Posts: 12
Joined: Mon May 07, 2007 10:00 pm

How To Change Logo.PNG Size?

Post by projectv3 » Sat Mar 08, 2008 4:47 am

After installing the new rockettheme Synapse it seems to limit me to such a small dimension for the logo to appear in. If I change the actual canvas size of the logo.png file it just gets cut off when it loads on the actual pages.

Is there a variable that I can adjust to make it so that my logo can be wider than the preset default set by rockettheme?

Any suggestions would be greatly appreciated,
Thanks in advance!

User avatar
bossballer
Joomla! Apprentice
Joomla! Apprentice
Posts: 7
Joined: Sun Mar 25, 2007 7:25 pm

Re: How To Change Logo.PNG Size?

Post by bossballer » Sun Mar 09, 2008 10:16 am

the dimensions of the original logo are probably defined in the style sheet. open your css and find the bit where it deals with the logo image and change the dimensions ( with and height) to your new logo.
not it should be displayed correctly

projectv3
Joomla! Apprentice
Joomla! Apprentice
Posts: 12
Joined: Mon May 07, 2007 10:00 pm

Re: How To Change Logo.PNG Size?

Post by projectv3 » Mon Mar 10, 2008 6:09 am

thanks! i didnt realize it was in the css :D

hotchicksmart
Joomla! Apprentice
Joomla! Apprentice
Posts: 9
Joined: Mon Aug 11, 2008 5:55 am

Re: How To Change Logo.PNG Size?

Post by hotchicksmart » Mon Sep 08, 2008 4:45 am

I am having the same problem and I changed the css. My logo is 150 wide by 100 tall. Problem is it gets cut off. I change the header height to 205 and the toolbar doesn't move down. It's annoying me. Please help.

#header {
height: 105px;
}

#banner {
float: right;
margin-top: 2px;
width: 468px;
height: 100px;
overflow: hidden;
}

#showcase {
overflow: hidden;
}

#showcase-padding {
padding-top: 20px;
}

#maincol {
padding: 60px 20px;
}

#leftcol,
#rightcol {
margin-left: -8px;
margin-right: -8px;
}

#leftcol2,
#rightcol2 {
padding: 15px 30px 15px 30px;
}

#bottom-topbar {
height: 34px;
}

#bottom {
padding-top: 20px;
padding-bottom: 40px;
overflow: hidden;
}

.wrapper {
position: relative;
}

#pathway {
position: relative;
z-index: 1;
height: 20px;
margin-bottom: 15px;
}

img#logo {
width: 150px;
height: 180px;
position: absolute;
top: 0px;
}

#body-padding {
padding-bottom: 40px;
}

#mainbody-padding {
padding: 0;
}

#maincol-container {
padding: 0 20px;
}

table.mainbody {
width: 100%;
}

#sidecol-padding {
padding: 0 20px 10px 20px;
}

hotchicksmart
Joomla! Apprentice
Joomla! Apprentice
Posts: 9
Joined: Mon Aug 11, 2008 5:55 am

Re: How To Change Logo.PNG Size?

Post by hotchicksmart » Mon Sep 08, 2008 6:07 pm

I guess what I really need is to know how to move the toolbar down.

hotchicksmart
Joomla! Apprentice
Joomla! Apprentice
Posts: 9
Joined: Mon Aug 11, 2008 5:55 am

Re: How To Change Logo.PNG Size?

Post by hotchicksmart » Wed Sep 10, 2008 3:29 am

Anybody? Please - I really am not able to find a solution.

jbone32
Joomla! Apprentice
Joomla! Apprentice
Posts: 17
Joined: Fri Sep 19, 2008 10:23 am

Re: How To Change Logo.PNG Size?

Post by jbone32 » Tue Oct 07, 2008 2:58 am

hotchicksmart wrote:Anybody? Please - I really am not able to find a solution.
I had the same problem here http://forum.joomla.org/viewtopic.php?f=466&t=326991

I beleive when I changed the size dimensions it dropped the toolbar down some..or maybe it was in the index.php either way I got this working ..Did you get it going if not I will start mine over and note the steps

lamjerry
Joomla! Fledgling
Joomla! Fledgling
Posts: 1
Joined: Mon Mar 28, 2011 4:19 am

Re: How To Change Logo.PNG Size?

Post by lamjerry » Mon Mar 28, 2011 4:26 am

ammmm hii This is jerry n i wanna know about changing the logo size again... the thing is... i know that it has to be changed in the css... but i couldn't find the css at ALLLL... :(

I use firebug to find the css and html tags applied to an item... like the developers tools....

so please tell me where to look for the css am using a news template..!

SFGMary
Joomla! Fledgling
Joomla! Fledgling
Posts: 1
Joined: Mon May 27, 2013 2:45 am

Re: How To Change Logo.PNG Size?

Post by SFGMary » Mon May 27, 2013 2:49 am

I found this. Have not tried it yet.

http://www.hotjoomlatemplates.com/blog/ ... logo-image


Post Reply

Return to “Templates & CSS - 1.0.x”