[SOLVED] Bigger logotype

Hi,
I'm working on a new website and wonder how I can increase the size of the logo. I've tried to change in the template.css but I only manage to increase the box around the logo. I'm working with the postnote template.

skurup.jpg

Any link to your website?

it's preliminary www.skurupshandel.se/Joomla

Well your logo is 1062px x 968px , first reduce the size so we can continue with css code...

Ok, thats done. I thougt that Joomla reduced the size to what was needed - thats why it was so large.

Still same size
Your logo is this image:

Code: Select all

http://www.skurupshandel.se/Joomla/images/skurups-handel-vector.png


Anyway for logo space height check below code:
Find File: "templates/gk_postnote/css/template.css"
Find Line: 48
Change 68px to your required height.

Code: Select all

#gkLogo {
    color: #999999;
    float: left;
    font-weight: normal;
    height: 68px;
    line-height: 100%;
    text-align: right;
}


For Image height:
Same file , line 49

Code: Select all

h1#gkLogo a img {
    display: block;
    height: 68px;
    left: 0;
    margin: 0;
    max-width: 320px;
    top: 0;
}


Thanx, it was the line 49 part that I've missed out earlier. Great support!!

No problem at all. For future updates to keep your modifications easier use override.css for your custom or changes css codes. This way you only have to backup override.css everytime you update your template.

You have to enable CSS override from Template Features > Dev tab and then edit override.css which is in same folder as template.css

Then in override.css add below code

Code: Select all

/* Changing Logo height */
#gkLogo {
    height: 68px;
}
h1#gkLogo a img {
    height: 68px;
}


See ya around...

Great tip!