White space after slideshow postition want to remove

kristinad

I am using the Donate template and have made the overall background white. Now it is obvious there is a white space between the slideshow and the next module position below. I have search for clues to where it is coming from and cannot get rid of. Any thoughts on where this space is coming from in CSS?

kristinad

In the Inspector I can see - body style="padding-bottom: 57px;" - but this does not exist in any of the template files. It seems like it is pulled from some external file?

saguaros

kristinad
Hi,

It seems due to the custom CSS code in 'custom.css' you added:

.t3-header + .t3-slideshow, .t3-header + .t3-masthead {
    display: inline-block;
    margin-top: -96px;
    width: 100%;
	border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}

kristinad

saguaros The white space is much greater than the 1px border. It is almost 50px. The only thing that fixes this is if I move the position "below" the main content. But there is nothing in the main content causing this, plus I have main content removed on home page. Thanks for suggestion. The space is much bigger.

kristinad

saguaros If you look at the very first line in code - body style - 57px bottom-padding. That is only thing I can find, but it does not exist in any of the template files.

teitbite

kristinad Hi. The problem is coming from custom.css file line 4493. It should be:

.t3-header + .t3-slideshow, .t3-header + .t3-masthead {
    display: block;
		...

instead of:

.t3-header + .t3-slideshow, .t3-header + .t3-masthead {
    display: inline-block;
		...

kristinad

teitbite That did the trick!! I worked on that one for a while too. Thank you so much!!