Your image is the same size. It is centered in this div with alot of white space around it:
#site-logo {
display: inline-block;
padding: 30px 20px 0;
}
if you find the above in your css and add the following temporarily, you will see where inside the div your image is:
#site-logo {background:pink;
display: inline-block;
padding: 30px 20px 0;
}
After seeing where the image is located, remove the background:pink;
I don’t know where to find this code to change it. It’s not in the header code.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
You don’t need to find where this code is, you never make changes directly in theme files unless through a Child Theme.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
If you just need to make a CSS change then try using a Custom CSS plugin.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Either way you need to create new styles that overriding existing ones.
“I don’t know where to find this code to change it. It’s not in the header code.”
I offered this only for you to see where your image was, which is why I said to remove it after. Any changes, like Andrew Nevins said, should be done in a Child Theme or with a Custom CSS plugin.
