How to use extra class function on Rev Slider

[tripthreat2409]

I’m trying to eliminate the auto spacing between a Revolution Slider and a call to action box below it. I tried adding .mt0 and .pto to the call-to-action box in “extra class”, but I think there may be some bottom padding/margin on the rev slider.

 

Any ideas on how to eliminate the space? See attached.

[Cosmin – SUPPORT]

Hi,

You can target the Revolution Slider with custom CSS in the theme options:

.rev_slider_wrapper {
// your custom CSS here
}

Regards,

————————————————————————————————————

Cosmin
Support Assistant

[tripthreat2409]

Thanks, Cosmin.

Excuse my low css expertise, here. But I tried a few different combos and still couldn’t eliminate that space. I wasn’t sure if I could use the extra class shortcuts, so I tried multiple ways.

Some ways I tried:

.rev_slider_wrapper {
// padding-bottom: 0!important;
}

.rev_slider_wrapper {
//margin-bottom: 0!important;
}

.rev_slider_wrapper {
//.pbo
}

.rev_slider_wrapper {
// .mbo

Any clue the exact code I’d need to use here to eliminate that space?

 

Thanks!

[Cosmin – SUPPORT]

Hi,

In your code, remove the //
Sorry about that, // is usually used in programming to comment out lines, so it’s just a habit of mine that misguided you here 🙂

After removing //, the first two CSS blocks are valid, the last two are not, you can remove those.

Regards,

————————————————————————————————————

Cosmin
Support Assistant

[tripthreat2409]

Thanks, Cosim. Still not working, though.

Tried both:

.rev_slider_wrapper {
padding-bottom: 0!important;
}and

.rev_slider_wrapper {
margin-bottom: 0!important;
}

[Swift Ideas – Ed]

Do you have a link to the page so that we can check out why you’re seeing the space?

– Ed

[tripthreat2409]

This reply has been marked as private.

[Cosmin – SUPPORT]

Add this custom CSS:

.home .alt-bg {
    margin-top: 0 !important;
}

Regards,
————————————————————————————————————

Cosmin
Support Assistant

[tripthreat2409]

Worked! Thanks!