Header Logo

The easiest way to make your logo bigger is to crop out all the whitespace in your original logo so the edges of your file are close to the edges of your logo. Right now there’s a large amount of whitespace.

Let me know how it goes.

If that’s still not big enough, there’s a method for enlarging the logo through a function and CSS change added to a child theme, which I can explain in more detail if you decide to go that route.

That logo is a png file so it shouldn’t have any whitespace to it, right? I’m kinda a newbie so please excuse that question if it’s a dumb one.

PNG files can have whitespace. ?? You’ll need to crop it out in a graphics program. You can see how much empty space there is around the logo here:

https://i0.wp.com/synysterphoto.com/wp-content/uploads/2015/09/On_Transparent1.png

That definitely made a difference, how can I lower it some now?

Looking good! You can add some margin to it like this, adjusting the value as you like:

.site-logo {
  margin-top: 20px;
}

Don’t edit the theme files directly, otherwise your changes will be overwritten every time the theme is updated to the latest version.

Since you’re already using Jetpack, an easy way to add custom CSS is to activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.

Oh wow, awesome!! Worked like a charm, thank you so much!!

You’re welcome!