How to put a Space under Ethos Stack Blog Slider

[Wasabi]

Hello,

As per the title is it possible to place a space under the Ethos Blog Slider equal to the size of the space between masonry tiles when using three tiles per line.

The Blog Slider looks great, however the I feel the space would make things appear more equal and visually appealing.

Many thanks in advance

J

[thai]

Hi There,

Please try adding this custom CSS under X > Theme Options > CSS:

.blog .x-container>.offset {
    margin: 30px auto;
}

Hope it helps

[Wasabi]

Hi there,

Really sorry - your solution works, however I made a mistake and meant to say above the blog slider below the Navbar. I need exactly what you’ve solutionised but instead of below i need above the blog slider.

My bad - sorry

[nabeel]

Hi again,

Thank you for the clarification, please use this code instead:

.home .x-flexslider.x-post-slider {
    margin-top: 35px;
}

Hope this helps!

[Wasabi]

Awesome worked a treat - Many thanks this is exactly what was needed - First class

[ruenel]

You’re welcome!
Thanks for letting us know that it has worked for you.

[Wasabi]

You’re more than welcome the support here is excellent.

One last one whilst it’s in my head is it possible to do the same thing for the blog pages ie place the same space underneath the Nav Bar when you click on a post, so on the actual blog page itself?

Thanks

PS @RueNel - Love the hat

J

[ruenel]

Hey There,

You cam update the custom css and use this:

.home .x-flexslider.x-post-slider,
.blog .x-flexslider.x-post-slider,
.single-post .x-flexslider.x-post-slider {
    margin-top: 35px;
}

Hope this helps.