The first thing you can do is look into your theme option if it’s given somewhere to adjust padding for the logo.
If you can’t find you can use the following code to remove the un-necessary space above and below the logo.
.site-branding {
padding-bottom: 0px;
padding-top: 5px;
}
Feel free to adjust the value to fine tune the position as per your wish.
Also, wondering if someone can also help me with one other thing.
The links at the bottom right of the page, they all change to a black colour when you hover over each link, including the facebook link.
I am wanting to change this colour and, as is above, I cannot find the code in the CSS file for this at all.
Is it a similar story in that I will just have to add the code in there or do I need to look elsewhere?
The theme for the page is a child theme of the Twenty Seventeen parent theme, if that helps.
I would very much like to get these both sorted out as soon as possible, so any help any one is able to offer would be greatly appreciated.
Thanks very much
Stuff this into your additional CSS under the theme customizer
.custom-logo-link img {
display: inline-block;
max-height: 350px;
width: auto;
}
See if that doesn’t help but… that image looks a little grainy at that maximum image size.
Please consider creating a new support topic for a different issue.
This helps others looking to answers of a similar issue they can find easily the pre-existing solutions.
This is as per WordPress.org support forum guidelines.
If you still have an issue with the original topic you can reply in this same thread.
Prince Kumar, thank you for your suggestion.
I’ve given that a shot, at least I hope I’ve entered that in to the correct CSS file.
To help further, the issue that I am having I found using DevTools in Google Chrome, I found this code:
.custom-logo-link img {
display: inline-block;
max-height: 80px;
width: auto;
}
It’s the max height that makes it the size that it is, the problem is that I do not know where to find this to be able to adjust it. And Google has not exactly been much help either, but then it’s possible I’m just not looking correctly.
Thank you once again for helping me out here.
And just to complicate matters further, I found where this code is, within the Twenty Seventeen CSS file.
I updated the max-height to 350px to see if it would at least change it. Nope. I saved the file, refreshed the page, and no change at all.
@jnashhawkins
YOU ARE THE MAN!!!
Thank you. Your suggestion made all the difference.
I’ve managed to resolve 2 issues that have been doing my head in for a while now.
Issue has been resolved, once I actually read your post properly. Ugh.
Thank you both for your help, really appreciate it.
