[playgroundmmParticipant]

Hi,

I have a column shortcode with some images and a flexslider inside it. I was having this problem a while back but added this CSS to fix the problem:

.x-flexslider-shortcode-container {
margin-bottom: 0 !important;
}

Since updating cornerstone recently I have the issue back – there is space above and below either the column shortcode or the flexslider shortcode that I cant seem to get rid of?

All wordpress/cornerstone/X are up to date.

thanks for your help

[playgroundmmParticipant]

oh the URL is : https://www.scootercreative.com.au/our-work-csr-cookbook/

[Rue NelModerator]

Hello There,

Thanks for writing in! To remove the mentioned spaces as shown in your screenshot, please add the following css code in the customizer, Appearance > Customize > Custom > Edit Global CSS

p:empty {
    display: none;
}

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

[playgroundmmParticipant]

no luck with that one unfortunately.

[Rue NelModerator]

Hello There,

The code should have work but then when I check your page, you have inserted an invalid css which made some conflict with other css blocks. Please check out my screenshot here: http://prntscr.com/eoy430

To be able to resolve your spacing issue, please edit your page in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

p:empty {
    display: none;
}

Please let us know how it goes.

[playgroundmmParticipant]

yep cool that one works when I add it to each page that needs it. Doesn’t seem to work when I add it to the global css though.

Cheers

[JadeModerator]

Hi there,

Please try this:

p:empty {
    display: none !important;
}

Hope this helps.

[Author]

Posts