[kaizanParticipant]

Hi there,

Firstly, thanks for a great theme! I am somewhat new to WordPress, so bear with me.

Basically I am trying to remove the white space around the revolution slider on my homepage. I did a lot of searching on the forum but the solutions always seem to be custom CSS snippets which don’t work for my site for some reason. Ultimately I am trying to get my slider to look similar to your demo in Integrity 7. I want it to be full screen with no padding. Currently when you view my slider on a big enough screen, there is white space all around it.

Any advice please?

Thanks
Kaizan

[kaizanParticipant]

This reply has been marked as private.

[Prasant RaiModerator]

Hello There,

Thanks for writing in!

Please change your slider layout to full screen. See #5 of http://revolution.themepunch.com/documentation/#main_slider_settings

If that does not help we request you to kindly share login details of your website in a private message.

Thanks.

[kaizanParticipant]

This reply has been marked as private.

[Rue NelModerator]

Hello There,

Thanks for updating the thread!

To remove the white spaces around your slider, please make sure that your background image size is set to cover. You can do that by editing your Slider Settings > Appearance > Background Fit

Please let us know if this works out for you.

[kaizanParticipant]

Hi thanks for the reply but the background fit is already set to cover and I still have the same problem.

I sent you my log in details. Could you have a look at my settings and let me know what the problem is?

[ChristopherModerator]

Hi there,

Please add the following code in Customize -> Custom -> CSS :

div#rev_slider_1_1 {
  background-size: cover !important;
}

hope it helps.

[kaizanParticipant]

That worked. Thank you!! 🙂

[ThaiModerator]

You’re most welcome 🙂

[Author]

Posts