Joomla Templates Club 406,261 posts

[Skotte Friend SkotteJoin date: September 2006Posts: 16Downloads:0Uploads:0 Thanks: 2]

#126960

Thank you for at great template. 🙂
If I have a logo that is somewhat different in size from the one delivered with the Edenite template source, how do I change the css to make it fit? I have changed the slice in photoshop, but the logo shows up “chopped”. So my questions is what CSS do I need to alter to change the height of the logo area?

Thanks, Skotte

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#243243

If your logo is larger than the default settings, you will need to increase the height of the header section as well.
(I had to do the same thing – very easy, really)

[nkruse Friend nkruseJoin date: March 2008Posts: 11Downloads:2Uploads:0 Thanks: 4 Thanked: 2 times in 1 posts]

#243247

the same question, but where exatly can the height of the header section be increased?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#243273

<em>@nkruse 45895 wrote:</em><blockquote>the same question, but where exatly can the height of the header section be increased?</blockquote>

Call me crazy, but it just might be . . .

/* HEADER
--------------------------------------------------------- */
#ja-header {
height: 90px;
line-height: normal;
position: relative;
}

😎

I changed the height parameter for my site to “90” from the original “70”
Works like a charm.

2 users say Thank You to TomC for this useful post

1. Skotte
2. nkruse

[nkruse Friend nkruseJoin date: March 2008Posts: 11Downloads:2Uploads:0 Thanks: 4 Thanked: 2 times in 1 posts]

#243432

y head logo has to be around 80 px, an I also have to increase like this

h1.logo a {
width: 435px;
display: block;
background: url(../images/logo.gif) no-repeat;
position: absolute;
height: 82px;
bottom: 15px;
left: 0;
}

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#243478

Good work . . . . Did it work out as you wanted?

1 user says Thank You to TomC for this useful post

1. lotushost

[lotushost Friend lotushostJoin date: March 2008Posts: 35Downloads:0Uploads:7 Thanks: 15]

#244293

Hi, I was wondering if you can help me out with this. The height of my logo is the same (42px) but the length is longer at 544px I changed it in the code, but it is not working… any ideas?

#ja-header {
height: 80px;
line-height: normal;
position: relative;
}

#ja-header a {
}

h1.logo, h1.logo-text {
margin: 0;
padding: 0;
font-size: 200%;
}

h1.logo a {
width: 544px;
display: block;
background: url(../images/logo.gif) no-repeat;
position: absolute;
height: 42px;
bottom: 15px;
left: 0;

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#244296

Check in the index.php file where the logo is noted . . . sometimes there are values there you need to fix as well.

Check the “bottom: 15px” setting in the h1.logo a css rule – perhaps that is affecting the display in some way.

Either that, or is there, perhaps, another module/element within your header section that might be conflicting with your logo image position?

[lotushost Friend lotushostJoin date: March 2008Posts: 35Downloads:0Uploads:7 Thanks: 15]

#244297

thanks for the reply. I’m not quite sure. I just did a clean install of this template today and the first thing I wanted to do was to change the logo. I’ll mess around with the codes and see if I can get this off the ground… thanks!

[lotushost Friend lotushostJoin date: March 2008Posts: 35Downloads:0Uploads:7 Thanks: 15]

#244426

just wanted to give everyone a quick update.

I did another fresh install and just changed the value of the width and now it works with no formatting mistakes. I’m not quite sure what was the problem, but everything is ok. Thanks for everyone’s help!:D

[Author]

Posts