[playgroundmmParticipant]

Hi,

please see the attached image, there is some empty space at the bottom of the right hand column under the images that I would like to remove.

I’m not sure if the space is coming from the column or text box or images.

Wordpress version: 4.4.2
X version: 4.4.2
Cornerstone version: 1.2.4

[playgroundmmParticipant]

This reply has been marked as private.

[ChristianModerator]

Hey there,

I’ve set your 2/3 column’s background to transparent and that fixed the issue.

Hope that helps. 🙂

[playgroundmmParticipant]

HI, sorry but thats not what I’m after. I need the bottom of both columns to line up together right where the 3 square images finish.

I’ve attached the design mock up that i’m trying to achieve. You can see there is a light grey background for each section.

thanks

[Nabeel AModerator]

Hi again,

Try adding the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.page-id-516 #x-section-1 .x-column.x-sm.x-2-3 {
    display: inline !important;
}

Let us know how this goes!

[playgroundmmParticipant]

Hi,

i tried that code but nothing changed.

[LelyModerator]

Hi There,

Thank you for the screenshots.
Please add this CSS instead:

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

See this:http://screencast-o-matic.com/watch/cDh16f1NDz

Hope this helps.

[playgroundmmParticipant]

legend! working perfectly now, thanks very much!

If I want this gap removed under all flexslider containers globally would I just change the css to:

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

??

Cheers

[ChristopherModerator]

Hi there,

We are lad we could help you.

Yes, you’re code is right.

Thanks.

[Author]

Posts