Jump to content

Changing Size of Logo


marketplace

Recommended Posts

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;
}

 

Link to comment
Share on other sites

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;
}

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

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use & Guidelines and understand your posts will initially be pre-moderated