Custom logo size

• 

  crunchyhomeschoolingmom · Member · Apr 30, 2017 at 3:17 pm

  • Copy link
  • Add topic to favorites

  Hello,
  I would like my logo to be bigger. What should I do? Is there a way to change it?
  Thank you!

  The blog I need help with is: (visible only to logged in users)

• 

  hacchism · Staff · May 1, 2017 at 11:39 am

  • Copy link

  Hi there,

  If you can use Custom CSS function, the following CSS code helps you to make your logo bigger.

  .site-logo {
      height: 180px;
  }

  I set the value of height “180px” as default. If you want to make it more bigger, you can change the value.

  I hope this helps you.
  Thanks :)

• 

  crunchyhomeschoolingmom · Member · May 1, 2017 at 1:26 pm

  • Copy link

  Thanks for your help. I tested the function, and I could definitely play around with the size and make it smaller, but for some reason, trying bigger sizes didn’t seem to make a difference. It seems that my logo cannot get any bigger.

• 

  hacchism · Staff · May 1, 2017 at 3:52 pm

  • Copy link

  You are very welcome :)

  but for some reason, trying bigger sizes didn’t seem to make a difference. It seems that my logo cannot get any bigger.

  You mean that the CSS code that I provided doesn’t make any difference? I think that the CSS code that I provided should work fine to make your logo bigger. However, the image size of your logo is “192px × 192px“. Therefore, your logo doesn’t become bigger than that even if you try the CSS code which makes your logo become more than 192px.

  So, the thing you need to do now is creating a new logo which is bigger than the current one.

  If you have a further question, please let me know. Thanks!

• 

  crunchyhomeschoolingmom · Member · May 1, 2017 at 6:11 pm

  • Copy link

  I thought I might need to change my logo if I wanted it to be bigger. Thanks for your help, I really appreciate.