Slider Revolution WP
08.01.2017
Full Width Text
1. Add a text-based Layer to your slide
(click the image below for larger view)
- Line Height: Set this to 1.5x the font-size to make sure multiple lines display correctly.
- Horizontal Align: Should always be set to "Left".
- Horizontal Offset: Should always be set to "0".
- Vertical Align: Can be anything (same for Vertical Offset).
- Width: Set this to the same number that's being used for the Layers Grid Size.
- Background & Padding: Give your Text Layer a background color and some padding (opacity optional).
2. Add the "full-width-text" class to the Layer
3. Add the following code snippets to your slider's Custom CSS/JS section
Click here to see where you can find your slider’s Custom CSS/JS section
Click here to learn where you can get your slider’s “revapi” name.
Custom CSS to add
|
1 2 3 4 |
.full-width-text-layer, .full-width-text-layer * {width: 100% !important} .full-width-text {min-width: 100% !important; max-width: 100% !important; white-space: normal !important} |
Custom JS to add
|
1 2 3 4 5 6 7 8 9 |
/* Change "revapi1" to whatever API name is being used for your slider */ var api = revapi1.on('revolution.slide.onloaded', function() { jQuery('.full-width-text').closest('.tp-parallax-wrap').addClass('full-width-text-layer'); api.revredraw(); }); |
