Foodie Pro Header padding

[Jess – MakeAndDoCrew.com]

Hey guys,

I'm trying to minimize the white space around my header in Foodie Pro.

There's a ton of empty space below it, more white space than is there when I just have the site title text displayed. (Also, there's more white space than in the Foodie Pro demo site.)

How can I reduce this padding so that half the above fold content isn't blank space?

I followed the recommended header dimensions in the appearances editor. I also tried making a shorter header of 640x140 to no avail.

Thank you! Here's a link to the staging site to reference what I'm talking about:
http://jessicacoppom.staging.wpengine.com/

Jess

http://jessicacoppom.staging.wpengine.com/

[Andykev]

Site Header
----------------------------------------------------------------------------- */

.site-header {
}

.site-header .wrap {
	padding: 17px 0;
    height:150px;
}

Line 1540 of your .css You need to use "inspect element" so you can easily change things. Read the sticky post above.

[Jess – MakeAndDoCrew.com]

Thank you, Andykev. What do you mean by the sticky post above? I must be missing it.

[Andykev]

https://www.studiopress.community/topic/tutorial-how-to-use-your-browsers-inspect-tool/

Top of the forum.. How to use your inspect tool...

I use it all the time to try out changes or to identify the proper line of .css that I want to target for modification.

It's easy. The changes don't "stick" once you refresh the browser or click to another page...so you can experiment with colors, font size, margins..etc.
And the changes you finally like, copy them and THEN you can place them into your sites ACTUAL .css file.

[Author]

Posts