Jump to content
Sign in to follow this  
waltr100

Resizing Logo

Recommended Posts

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!

Share this post


Link to post
Share on other sites

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...

 

Share this post


Link to post
Share on other sites

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.png

logo.zip

Share this post


Link to post
Share on other sites
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 by bear

Share this post


Link to post
Share on other sites
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;
}

 

Share this post


Link to post
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.

Sign in to follow this  

  • 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