Joomla Templates Club 406,261 posts

[gwang81 Friend gwang81Join date: July 2007Posts: 39Downloads:0Uploads:0 Thanks: 3]

#149239

I created a bigger logo (Width 600 * Height 100), however, the bigger logo only gets shown a small part of it on the front page. So I wonder how to allow showing a bigger logo on the home page? thanks

[histeriks Friend histeriksJoin date: December 2009Posts: 285Downloads:0Uploads:3 Thanks: 16 Thanked: 114 times in 87 posts]

#335004

gwang81;167855I created a bigger logo (Width 600 * Height 100), however, the bigger logo only gets shown a small part of it on the front page. So I wonder how to allow showing a bigger logo on the home page? thanks

Hi gwang81,

open your template.css file, located in the css folder of your template, and on line 671 find this:

<blockquote>h1.logo a {
width: 200px;
display: block;
background: url(../images/logo.gif) no-repeat;
position: absolute;
height: 78px;
top: 10px;
left: 10px;
}</blockquote>

change it’s hight and width parameters according to your needs.

If your new logo is a lot higher than the old one, you might have to increase the height of the header too, by increasing the height value of the header on line 654:

<blockquote>#ja-header .main {
height: 100px;
background: #fff url(../images/main-tl.gif) no-repeat top left;
}</blockquote>

Good luck 🙂

[Author]

Posts