Joomla Templates Club 406,261 posts

[nketola Friend nketolaJoin date: October 2007Posts: 10Downloads:0Uploads:1]

#129574

Hello-

I cannot for the life of me find where I can change the size of the logo. Have looked through the CSS and all of the posts.

I know I can overwrite the logo, but how do I cahnge the size of the logo?

Thank you very much.

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#253210

Hi nketola !
You can do so by following way :
open template_css.css file in templates/ja_wistery/css folder , find following code section at about line 792 :


#ja-header h1 img {
float:left;
}


change to :


#ja-header h1 img {
float:left;
width:200px;
height:100px;
}


red text is code for change size of logo , you can change others value for it.
good luck !

[nketola Friend nketolaJoin date: October 2007Posts: 10Downloads:0Uploads:1]

#253269

Thank you very much. However- 2 issues arise.

First- where is teh code to change the logo from a JPG (with the background included) to a GIF or PNG so that I can make the logo transparent and fit seamlessly.

Second- The logo, when changed to 200 px wide, now sits over half of the menu. I have tried to change the nav container so that it woudl align right and not left, but it is not working.

Thank you very muchf or your help.

[karlhus JATC karlhusJoin date: July 2006Posts: 23Downloads:0Uploads:0 Thanks: 7 Thanked: 6 times in 2 posts]

#257462

you can find the header logo code in:

template/ja_wistery/index.php

jump down to line 57 and you’re stylin.

[Author]

Posts