Education pro modify logo box size

[mikep]

I'm using the Education Pro theme.
The header image area is set by default to 300px x 100px. I want to change the height to 150px.

I did so by editing the to min-height values in style.css to 150px as follows:

.header-image .site-title > a {
	float: left;
	min-height: 150px;
	width: 100%;
}

and here:

.site-header {
	background-color: #fff;
	border-top: 3px solid #e44a3c;
	box-shadow: 0 3px rgba(70, 70, 70, 0.05);
	min-height: 150px;
}

The problem is that there is a persistent grey colored line at the bottom of the logo box which doesn't align with the grey line at the top of the next section. I've triedp laying around with different combinations of min-height with no luck. How can I remove the grey line at the bottom of the logo box?

thank you,
mike.

http://www.unimovil.org/a/about-asce/asce-cuba-mission-statement/

[cwalsh]

Adjust your site-header min-height to 153px and remove the box shadow on .title-area

---

Need website customization services or other help? Caley @ PixelPerfect Design Studio | Connect with me on Twitter: @pixelsperfect | Like me on Facebook: https://www.facebook.com/PixelPerfectDesignStudio

[bartekkregiel]

Normally when you have a height 150px and you add 5px border to top and 5px border to the bottom you should end up with element 160px, but most of Genesis themes have box-sizing: border-box what adds borders and padding to the inside, and instead having 160px you will get 140px.
So you can either make the min-height 153px or you can make the logo 147px.

---

Hi my name is Bartek and I do websites at Organic WP Shop
http://www.organicwpshop.com

[mikep]

It worked! Thank you!

[Author]

Posts