Cannot make slider revolution background transparent - shows as white

Support
#1

Viewing the page here: http://a57.0b2.myftpupload.com/home-2/

You can see that i have a slider with dummy text sitting on a white background.

The white background should not be there. The slider settings are set to transparent, both on teh slide and in teh settings panel as well.

There is a page set background photo I want the text set over.

Help?

Thank you!

#2

FYI if you make the window smaller, towards a mobile size you will see that there is a background photo that we are not seeing due to the solid white background being created by the ‘transparent’ slider.

Thank you!

#3

Hello There,

Thanks for updating in! To resolve your issue, please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r)

body .site, 
body .x-site {
    background-color: transparent !important;
}

Please let us know how it goes.

#4

Awesome. That was very helpful.

I have one legacy issue from here. The page I implemented this on (I applied it only to the one page - when I did it sitewide it caused the backgrounds to go from white to a light gray, the result of transparency I guess) now scrolls down a bit past what is visible. The slider is pushing the design past the fold.

What can I do to make it so there is no scroll, that the slider sits at full screen in a such a way that what you find is what you get?

http://a57.0b2.myftpupload.com/home-2/

Thank you!

Daniel

#5

Hi Daniel,

Please set .masthead to the Increase/Decrease Fullscreen Height option of the Slider Settings.

Hope this helps.

#6

Where is that? I’m not seeing it anywhere in settings

#7

Nevermind - found it!

So that did the trick, for about 90% of it… but I still have a scroll and about… 30px of wiggle/give?

Take a look?

And thank you!

#8

Nevermind - found it!

So that did the trick, for about 90% of it… but I still have a scroll and about… 5px of wiggle/give?

Take a look again http://a57.0b2.myftpupload.com/home-2/?

And thank you!

#9

That last might not have been clear. I want to remove the scroll and also the few pixels of vertical shift.

Thanks!

#10

Hi there,

Please update the height of this code:

body.x-navbar-fixed-top-active .x-navbar-wrap {
    height: 158px;
}

To around 130px then set the Navbar Top Height (px) to 130px as well in X > Theme Options > Header.

Hope this helps.

#11

Done. It had no effect except to make the nav bar smaller… which I dont prefer.

#12

Hello There,

Please do not use the 90% for the offset container. Remove the 90% and use the container class above it by adding .masthead. This should perfectly calculate the height of the slider without displaying the scrollbar in the sides.

Hope this make sense.

#13

Okay.

Think I’ve got it. I’ll ping back if I run into trouble again.

Thank you!

#14

You’re welcome.

#15

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.