How To Add Opacity Filter Over Background Video Of Revolution Slider

ABOUT US
- JOBS
HOSTING
- SPECIAL AVADA HOSTING
- WORDPRESS HOSTING
CUSTOMIZATION
BLOG
CONTACT
Back up
- GETTING STARTED
- DOCUMENTATION
- TUTORIAL VIDEOS
- SUBMIT A TICKET
- Arrangement Condition
- Customs FORUM
- MY Business relationship
ENGAGE

How To Ensure A Full Screen Slider Revolution Slider Is Completely Full Screen

Revolution Slider offers a full range of sliders, including a very overnice full screen slider. A Full screen slider will always take up 100% width and 100% height of the viewable expanse. There are two different situations that will require two unlike settings. To make a full screen slider for each situation, please see below.

IMPORTANT Notation 1 : If y'all are logged into your WP admin and the top Admin bar is showing, the full screen Revolution slider volition not exist aligned properly to the peak of your screen. This is normal expected behaviour. The full screen slider will only marshal properly to the pinnacle of your screen when you are logged out of your admin.

IMPORTANT Annotation 2 : If yous see extra white space in a higher place or below your full screen slider, it will exist the folio padding. You lot can remove this globally in the Avada > Theme Options > Styling tab, or individually per page in the Page tab of the Fusion Page Options. The two relevant options are "Page Content Top Padding" and "Folio Content Lesser Padding". Gear up them to 0px.

Total Screen Revolution Slider With Normal Header Above Slider

If you're using a traditional opaque header above the slider, it'southward important that you place .fusion-header-wrapper in the slider general options. The field you need to place the header wrapper class is called the 'by container' field, and can be plant in the Layout > Decrease Container Elevation section of the Module General Options, as seen below. Doing this will permit the slider to take up the full width/peak of the screen while still showing the header.

Slider Revolution > Decrease Module Height

Full Screen Revolution Slider With Transparent Header or Header Below Slider

If you're using a transparent header or a header below the slider, you practice non need to put anything in the Commencement Containers field. Please leave that field bare.

Slider Creation Process

The creation of Slider Revolution Sliders is a very big topic that is largely exterior the scope of Avada back up. Please meet our Slider Revolution document for an overview of the topic, or for more detailed data and support, visit the ThemePunch Support Heart, and check out their YouTube channel for a range of videos on Slider Revolution 6.