Docs

[Chris Stovall]

I have a section on this site that in cornerstone is set to 0 margin and 0 padding. There is about 10px of space still on the section I can’t seem to track down.

Can you please tell me how to remove this white space in this section?
http://girlillamarketing.giantishere.com/

http://i.imgur.com/DZW7fxd.jpg
http://i.imgur.com/jiUNcVe.jpg

Thanks in advance!
CDS

[Rue Nel]

Hello There,

Thanks for writing in and the very detailed post information. This happened because you have inserted a grid shortcode in a text element. Have you tried using the Ess Grid element instead? Well anyway, to resolve your issue, please edit your page in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

p:empty {
    display: none;
}

#x-section-3 p {
    margin: 0;
}

Please let us know if this works out for you.

[Chris Stovall]

I have used the Essential Grid item in Cornerstone and I’m still seeing the space. I’m curious as to why there is any space when everything is set to zero.

Can you please take a minute and see what’s causing that space below the essentials grid?

http://i.imgur.com/BM4nwWq.jpg

It’s still there between 3 browsers with clean caches.

Thanks!
CDS

[Darshana]

Hi CDS,

Could you please try adding the following CSS rule as well.

.home #x-section-1 {
    height: 0;
}

Hope that helps.

[Chris Stovall]

Can you please tell me why this is happening, though. I don’t think I should have to add any code to correct this since it’s all set to zero within Cornerstone.

Here’s is the screen before adding the code.
http://i.imgur.com/mSue9St.jpg

Here you can see what happened to the site when the code was added. It affected the section below it.
http://i.imgur.com/aBZHA21.jpg

And completely wrecked the smaller screen sizes.
http://i.imgur.com/cU1XGP8.jpg

Please advise.

[Rue Nel]

Hello There,

Thanks for providing the screenshots. I wanted to log in to your site to fix the issue. I cannot do that because I do not have any access to it. I finally figured out the cause of the mysterious white space. It is because of the grid filter button. Please edit your grid and remove the pagination and the filter button. To resolve this issue, please do the following:
#1] Please remove this css block from your child theme’s style.css (this will resolve the mobile issue)

.home #x-section-1 {
    height: 0;
}

#2] Please edit your page in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

article.esg-filters.esg-singlefilters {
    display: none;
}

This will hide the filter button. You can also edit your grid and remove the filter button from there.

We would loved to know if this has work for you. Thank you.

[Chris Stovall]

Thanks.

[Christopher]

You are welcome.

[Author]

Posts