White Space above Header Image

[aimen01]

How to remove white spaces above header image? Any help appreciated. The site link is 2beingfit.com
Thanks

http://2beingfit.com

[SavvyJackie]

Hi,
This bit of code in your theme's style.css controls the padding above and below the header image.

.header-image .site-header .title-area,
.header-image .site-header .widget-area {
    padding: 40px 0
}

It is set for 40px top and bottom and 0 for left and right.

To reduce, just decrease the number. 20px should be about right.

If you want to control each individually and just change to the top padding - use this:

padding: 20px 0 40px 0;

Hope that helps.

---

Web Designer and Developer at Savvy Jackie Designs | Lucky with plants | @SavvyJackie

Got your question answered here? Please pay it forward by helping someone else. I’m sure there is at least one question you can answer. 🙂

[aimen01]

@SavvyJackie Awesome, thank you so much.

[SavvyJackie]

My pleasure.
Happy coding.

---

Web Designer and Developer at Savvy Jackie Designs | Lucky with plants | @SavvyJackie

Got your question answered here? Please pay it forward by helping someone else. I’m sure there is at least one question you can answer. 🙂

[aimen01]

@SavvyJackie It is working fine on home page but on single post or archiev page those white space above header image is still there. How to remove them from there too?

[SavvyJackie]

Try changing the font-size to 0 in this block of your stylesheet.

.site-title {
    font-family: Raleway, sans-serif;
    font-size: 48px;   <--------- change this line
    line-height: 1;
    margin-bottom: 0
}

.site-title {
    font-family: Raleway, sans-serif;
    font-size: 0;   <--------- change to 0
    line-height: 1;
    margin-bottom: 0
}

---

Web Designer and Developer at Savvy Jackie Designs | Lucky with plants | @SavvyJackie

Got your question answered here? Please pay it forward by helping someone else. I’m sure there is at least one question you can answer. 🙂

[aimen01]

@SavvyJackie Thank you very much. 🙂

[Author]

Posts