Joomla Templates Club 406,261 posts

[dinhlugiang Friend dinhlugiangJoin date: September 2006Posts: 26Downloads:0Uploads:7 Thanks: 6]

#131971

Hi,

I am trying Edenite Quickstart with Joomla 1.5.5 and I would like to repalce logo.gif with another image with a little bit larger size. But the new file can’t display its size. Could you tell me where I must change the template.

Thanks

Giang

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#264519

There are a couple of areas you need to be concerned with. You’ll first want to change out your logo…and then adjust your header to fit it in.

Changing your logo:

Your logo is referenced in red.css (line 59)


h1.logo a {
background:transparent url(../../images/red/logo.gif) no-repeat scroll 0 0;
}

And also here...template.css (line 710)


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

If after you switch out your logo you find part of it seems to be hidden or is too far off in any direction, then you need to tweak the header itself.

Here’s here you tweak – template.css (line 695)


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

Have fun!
John.

2 users say Thank You to John Wesley Brett for this useful post

1. dinhlugiang
2. rjscott2005

[rjscott2005 Friend rjscott2005Join date: October 2007Posts: 25Downloads:0Uploads:0 Thanks: 3 Thanked: 1 times in 1 posts]

#264802

<em>@jbrett 72456 wrote:</em><blockquote>There are a couple of areas you need to be concerned with. You’ll first want to change out your logo…and then adjust your header to fit it in.

Changing your logo:

Your logo is referenced in red.css (line 59)


h1.logo a {
background:transparent url(../../images/red/logo.gif) no-repeat scroll 0 0;
}

And also here...template.css (line 710)


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

If after you switch out your logo you find part of it seems to be hidden or is too far off in any direction, then you need to tweak the header itself.

Here’s here you tweak – template.css (line 695)


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

Have fun!
John.</blockquote>

Thank you so much for your valuable input! It has enabled me to really move forward with setting up this template to use on my site.

[dinhlugiang Friend dinhlugiangJoin date: September 2006Posts: 26Downloads:0Uploads:7 Thanks: 6]

#265256

One further question: what should I change if I want to use a logo.swf instead of logo.gif. It seems like I have to add the embed tag but I don’t know how.
Thank you
Giang

[dinhlugiang Friend dinhlugiangJoin date: September 2006Posts: 26Downloads:0Uploads:7 Thanks: 6]

#265324

Dear experts,

Please help me with the above question. My client requires that. Thank you in advance.

Giang

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#265370

You don’t change the CSS. You need to hack your template’s index.php file.
Look for the HEADER area of that file and that’s where you place your embed code.

This is a rather tricky hack…so if you don’t know what your doing…you might want to call on a pro (i.e. Joomlance, etc.) to do it for you.

John.

[Author]

Posts