Joomla Templates Club 406,261 posts

[alasadi Friend alasadiJoin date: February 2009Posts: 33Downloads:1Uploads:1 Thanks: 10]

#161633

Hi

How can I resize the logo? I have replaced the logo.png with one which i larger, but the size seems to be fixed.

BR

alasadi

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#382118

Yes, the size is fixed in css but is easy to change. Simply edit the bits I have highlighted in red below in template.css at line 313 as required


1.logo a {
background:url("../images/logo.png") no-repeat scroll left center transparent;
display:block;
height:68px;
width:294px;

}


However, if your image is too tall we might have to edit some more code. If that is the case please post a link to your site with css optimization set to “No” in the template manager including the dimesnions of the image you wish to insert.

2 users say Thank You to Phill for this useful post

1. alasadi
2. bigrk

[alasadi Friend alasadiJoin date: February 2009Posts: 33Downloads:1Uploads:1 Thanks: 10]

#382333

Thank you Phill

My site is: xxxxxx

And the dimensions:

height:200px;
width:199px;

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#382336

Open template.css and around line 341 add the line in red below.


#ja-header {
height:215px;

}


However, that leaves a lot of blank space so you may want to re-think your design.

1 user says Thank You to Phill for this useful post

1. alasadi

[alasadi Friend alasadiJoin date: February 2009Posts: 33Downloads:1Uploads:1 Thanks: 10]

#382341

Thanks a lot Phill

[Author]

Posts