Gray space below header

[erwinanjc]

Hi! I’m trying to remove the gray space that appears in my blog posts, over the featured image and under the header. I’ve tried different options to get rid of it, but nothing is working. What can I do?

[ruenel]

Hello @erwinanj,

Thanks for writing in!

The space above the featured image could be coming from the section top margin or simply that the navbar top height setting in X > Theme Options > Header > Navbar. Regretfully we cannot check your site because it is under construction mode. To better assist you with your issue, kindly provide us access to your site so that we can check your settings. Please create a secure note with the following info:
– Link to your site
– WordPress Admin username / password
​
To know how to create a secure note, please check this out: https://theme.co/docs/getting-support

Best Regards.

[erwinanjc]

Hi Rue! I created the secure note with the information requested, thank you so much for the support!

[ruenel]

Hello @erwinanjc,

Thanks for providing the information. It turns out that you are using Icon. Be advised that the Icon stack has a built-in styling and design wherein there is a gap between the navbar and the feature image. It is evident on this page:

• https://demo.theme.co/icon-business/2019/12/07/5-reasons-you-need-the-x-theme/

The built in styling is having this CSS in the stylesheet:

.hentry .entry-wrap, 
.search-results .x-container>.product .entry-wrap {
    padding: 50px 0;
}

.entry-featured {
    margin-top: 3%;
}

I also see that you added this custom CSS:

.entry-title {
    display: none;
}  
.single-post .entry-featured {
    border: 0px !important;
    padding: 0px !important;
}

.single-post .entry-wrap > .x-container {
    max-width: 100%;
    width: 100%;
}

To accomplish what you have in mind, please modify the code above and set the padding and margin to zero. Therefore, you need to add CSS code into X > Theme Options > CSS .

.hentry .entry-wrap, 
.search-results .x-container>.product .entry-wrap {
    padding: 0;
}

.entry-featured {
    margin-top: 0 !important;
}

Best Regards.

[erwinanjc]

This worked perfectly, you’re amazing! Thank you so much for the help!

[ruenel]

You’re welcome!
It’s good to know that it has worked for you.