Return to previous page

Remove White Space Under Homepage Slider

This topic has 6 replies, 3 voices, and was last updated 9 years ago ago by Brian Johnson

GetNatalie

Participant

November 25, 2015 at 09:47

Hi, On the front page of the website, we are using the demo Creative. We want to make the slider take up the entire page until the footer. How can we remove the white space between the slider and the footer on the front page?

Also, on the slider, how can I make the embedded youtube video disappear once the video has finished playing?

Please, contact administrator
for this information.

#101237 Copied Theme version: 2.3

5 Answers
Eva Kemp

Support staff

November 25, 2015 at 10:05
Hello,

Please add this code in Theme Options > Custom CSS > Global Custom CSS:
```
.page-content {
    margin-bottom: 0px;
    margin-top: 0px;
}
.page-heading-slider .wpb_revslider_element {
   margin-bottom: 0px !important;
}
```
Concerning the video there is no such options. Sorry.

Regards,
Eva Kemp.
#101241 Copied
GetNatalie

Participant

November 25, 2015 at 11:24

Thank you for the code. The only problem is that it worked on every page. I only need it to work in the front page.

#101250 Copied
Brian Johnson

Member

November 25, 2015 at 13:20
Hello

Please add previous code into the custom.css with following selector:
```
.home .page-content {
    margin-bottom: 0px;
    margin-top: 0px;
}
.home .page-heading-slider .wpb_revslider_element {
   margin-bottom: 0px !important;
}
```
Regards,
Brian Johnson
#101271 Copied
GetNatalie

Participant

November 27, 2015 at 07:52

Thank you that was perfect.

#101569 Copied

Brian Johnson

Member

November 27, 2015 at 07:56

You are welcome!

Regards
Brian Johnson

#101570 Copied
Tagged: remove, slider, space, templates, white, woocommerce, wordpress
Viewing 6 results - 1 through 6 (of 6 total)