page is https://newsite.thepromisecenter.com/home-dev/
First 2 elements are full width easy sliders, 3rd is a color section.
I’m wanting to add white space (or custom separator with icon) in such a way as to have control over the amount of space between elements.
I’ve tried various combinations of separators, margin and padding, but no matter how I set them, there seems to be a minimum amount of space below which I can not reduce the space.
Suggestions?
Thanks
Hey promisecenterchurch,
Perhaps this will work if added to quick css
.fullsize{
margin:50px 0!important;
}
Best regards,
Jordan Shannon
Is that for top or bottom margin?
The suggested CSS gave me margin, but the margin is black whereas my default background is white. How do I make the margin the default color?
Also, I would lke to control the top and bottom margin independently.
Thanks
To clarify, I have 2 full width easy sliders that by default have no space between them (see https://newsite.thepromisecenter.com/home-dev/).
I would like to add about 10px of white space between them.
I’ve tried to use white space/separators, but the least space I can achieve is about 60px even if I set it’s top and bottom margins with negative pixels.
Suggestions?
Hi,
Apologies you can adjust to padding to keep the white bg. The first 50 is top the second 50 is bottom:
.fullsize{
padding:50px 0 50px 0!important;
}
Best regards,
Jordan Shannon
Jordon,
The above CSS worked perfectly.
Thank you.
Hi,
Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hey nicholaso,
Add this to quick css:
#full_slider_1{
padding-top:20px!important;
}
Best regards,
Jordan Shannon