Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

WordPress

Posted by kkswecpsyl
kkswecpsyl
8,155 Points

Cant figure out how to customise logo on WP website

The website is thesloeruin.com

And in the top left corner I have placed a logo using Appearances>Customise then selecting the drop down menu Logo.

As you can see, the logo overhangs the nav bar and I am not sure how to fix this.

I think the way I WOULD fix it is find it in the php file and just write an inline css rule that makes the height the same as whatever the nav bars height is. The problem is, I can't even find the php file!

I have checked in header, functions, index, page..

Does anyone know how to figure out which php file it is in? (I have tried inspecting elements but to no avail.. ) Or an alternative method to fixing this?

I haven't started learning PHP at all yet so maybe there is a simple solution I just don't know about.

Thankyou..

Hugo Paz
Hugo Paz
15,622 Points
Hugo Paz
Hugo Paz
15,622 Points

Hi David,

I had a look at the website and the logo has the same height as the navigation bar. Which browser are you using?

kkswecpsyl
kkswecpsyl
8,155 Points

I checked in chrome and firefox, the black part of the logo over hangs the nav menu slightly, its enough that its noticeable.

Hugo Paz
Hugo Paz
15,622 Points
Hugo Paz
Hugo Paz
15,622 Points

You could edit it in the styles.css file. Do you have a child theme?

kkswecpsyl
kkswecpsyl
8,155 Points

I didn't create a child theme because the theme i'm using, the child theme wasn't overriding anything. I think something in the placement of some of the code was stopping this. So instead I changed the version of the theme to 99 in hope this would stop any updates.

So after inspecting the element I think the nav bar is 70px, I'm guessing I need to just target the logo and add a style.css rule?

Hugo Paz
Hugo Paz
15,622 Points
Hugo Paz
Hugo Paz
15,622 Points

Yes, just go to your themes style.css and add the css rule targeting the logo.

2 Answers

kkswecpsyl
kkswecpsyl
8,155 Points
kkswecpsyl
kkswecpsyl
8,155 Points

I figured out what it was..

I had placed a box-shadow on a different img but not made it specific, so the logo also had the box shadow making it look like it was larger than it was supposed to be

kkswecpsyl
kkswecpsyl
8,155 Points
kkswecpsyl
kkswecpsyl
8,155 Points

Still would love to know how to locate these files in the php if anyone knows?

Only know how to locate which style sheet for css..