Changing Size of Logo

[marketplace]

I uploaded a new logo file which is larger in size than the default image but my file resizes to the default size.

I want to have a larger logo than the default setting.

How can I use the actual size of my logo?

[brian!]

it's maximum height value is limited by css..

section#header .logo img {
    margin: 0;
    padding: 0;
    max-height: 50px;
    vertical-align: middle;
}

but you will be able to overwrite that height by adding a replacement max-height value in /templates/Six (or custom)/css/custom.css

[marketplace]

I did try my hand at that without any success. I added it the custom.css file while that has nothing written in it.

six/css/custom.css

Is that the correct place or do I need to change another file?

My logo is 150 in height, 350 width

[brian!]

On 17/09/2018 at 14:54, marketplace said:

Is that the correct place or do I need to change another file?

it's the correct place if you're using the "Six" template - if you're using another template (or have renamed Six), then you would use the custom.css in that active template folder.

On 17/09/2018 at 14:54, marketplace said:

My logo is 150 in height, 350 width

you might need to thrown an !important in there too.

section#header .logo img {
    max-height: 150px !important;
}

 

[marketplace]

Yes I'm using template six and haven't changed any folders.

Thanks for providing the code but I can't get it to work. I don't know php or css coding

This is what it shows without any errors showing.

* *****************************************************

section#header .logo img {
    margin: 0;
    padding: 0;
    max-height: 150px; !important;
    vertical-align: middle;
}

****************************************************** */

[brian!]

7 hours ago, marketplace said:

Thanks for providing the code but I can't get it to work. I don't know php or css coding

this is another reason why WHMCS shouldn't include a sample custom.css file because I suspect that you've literally done what it's told you to do - entirely not your fault if you don't know PHP/CSS.

/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

it looks like you've added your code inside the comment block, which makes sense if you read their instructions, but is wrong - you should add your changes outside (or instead) of the comment block... and you only need to include those specific css values that you're changing.

/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

section#header .logo img {
    max-height: 150px; !important;
} 

or you can remove the comment block entirely, and just add your css changes.

section#header .logo img {
    max-height: 150px; !important;
} 

also, keep a backup of the file because the autoupdater will overwrite it during an update.

[marketplace]

Yes finally it worked, thank you. I saved the 

I was worried the 150 pixel logo might be a little too large for the invoices and emails so I uploaded a 100px logo and changed the code to match.

For some reason the 350 logo returned even though the file is no longer named logo.

 

[brian!]

21 hours ago, marketplace said:

I was worried the 150 pixel logo might be a little too large for the invoices and emails so I uploaded a 100px logo and changed the code to match.

you can use different sized logos for each - the email logo is specified in the general settings; website/invoice pdf will use logo.png/jpg by default, but you can change web logo by editing the template or using a hook, and the pdf template can be modified to use a different sized logo too.