Resizing Logo

[waltr100]

How do you resize the logo on the header? My logo is way too small I've tried editing some lines in my theme's (twenty-one) css file but nothing seemed to work.

Thanks for any help!

[Remitur]

Hummm...

May it be that it has huge empty borders?

Or did you tried to use it as .svg file, and setting dimensions inside .svg file itself?

But it's difficult to answer without knowing even the format of the file you're using... insert here the link of the logo you're using (or the link to your WHMCS install) and let's see...

 

[waltr100]

I have not tried .svg only .png and .jpg. Here's the link https://richtoptech.com/

 

 

 

[WHMCS Stephen]

Hello @waltr100,

As @Remitur suggested this relates to the image used.

If you navigate directly to the image file in your browser you will see there's a lot of space around the main text based logo.

As a courtesy I've resized that for you to work with. Find attached.

Download the logo.zip file and extract locally.

In your WHMCS navigate to Configuration (Wrench Icon) > Setup Wizard then Upload the logo.png file. You can skip through the other steps in the modal.

You can continue to scale that down in your favourite image edtor to suit your requirements.

I hope this helps.

logo.zip

[bear]

56 minutes ago, waltr100 said:

I have not tried .svg only .png and .jpg. Here's the link https://richtoptech.com/

I think that's the issue. Loads of white space in the logo, native size is height="419" and width="744". It's being resized to fit the space.

EDIT: someone replied while I was writing this. 😉

Edited August 16, 2021 by bear

[ThemeMetro]

On 8/16/2021 at 12:04 AM, waltr100 said:

How do you resize the logo on the header? My logo is way too small I've tried editing some lines in my theme's (twenty-one) css file but nothing seemed to work.

Thanks for any help!

After changes the logo image as per @WHMCS Stephen respond,  add below CSS code in custom css and adjust width and height.

header.header .logo-img {
    max-width: 400px;
    max-height: 60px;
}

 

[waltr100]

That did the trick thank you to all of you!