Remove spacing within and around the ethos carousel

Support
#1

Hi there,

I would like to remove the white spaces in the post carousel and surrounding the post carousel in the ethos stack.
I did already this:
x-post-carousel.unstyled .entry-cover {
border-left: none;}

This removed most of the white space in between the images, but there seems to be a tiny line left. Can you tell me how to remove this and also this other white spaces that I marked in my attachment, please?

#2

Hello @Buschmann,

Thanks for asking. :slight_smile:

Please add following CSS under X > Launch > Options > CSS to remove spacing around post carousel:

.x-post-carousel {padding: 0 !important; height: 225px !important;}

Thanks.

#3

Hello, thank you for your quick reply!
Your answer removes the spacing on top and on the bottom of the carousel(No 1+3 ), but not the other two spaces that I marked No 2 and 4 in my attachment. No 2 is almost gone but not completely, there is still a very thin line that I would like to get rid of.
Thank you

#4

Hello @Buschmann,

Thanks for updating. I am really sorry for the confusion. Looks like I missed giving you the additional CSS. Please add following and let me know how it goes:

.x-post-carousel .entry-cover{border-left: 0 !important;}

body.x-navbar-fixed-top-active .x-navbar-wrap {margin-bottom: 0 !important;}

.x-navbar {border: 0 !important;}

Final output should look something like this. https://screencast.com/t/9sE5mxoKP

Thanks.

#5

wow that was really quick, thanks again! Everything works fine like you said. The only thing I´m a bit confused about is the tiny white line that stays in between the images. you can hardly see it on the image that I sent you, but maybe you can have a look. Do you know why that is? It seems like sometimes the line is there and sometimes it moves and is gone. Do you have an explanation for this? Cause I really think it looks nicer when even the last tiny bit is gone.

thank you

#6

Hi there,

Please try this code:

.x-post-carousel.unstyled .entry-cover {
    border-left: 0 !important;
}

Hope this helps.

#7

sorry no this doesn´t do the job either, this is the code that I had tried first, like I wrote in my first post… Any other suggestions? do you see what I mean in my attached screenshot?

#8

Hi there,

Ethos stack got a white left border between the carousel items and should be removed by adding the code that was previously provided.

Please provide the link to your site so that we can check as this seems specific to your setup.

Thank you.

#9

unfortunately I´m running my site on a localhost for the moment. But considering your explanation, I think it is not possible to remove it completely.

#10

Hi there,

In case that you will be able to upload your site. You may send us the link so that we can check it for you.

Thank you.

#11

I uploaded my page so you can see it here. Please let me know if you need my credentials and how to send them securely.

Summary

https://srenb.sgedu.site/

#12

Hello @Buschmann,

Thanks for updating thread. Upon checking the website I don’t see and line in between images. Please see screenshot. https://screencast.com/t/aH9cclvAZc

Thanks.

#13

oh you are right. so it must be something to do with my screen maybe. Thank you very much for clearing this up!

#14

We are delighted to assist you with this.

Cheers!

#15

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.