Trying to use the following in the Advanced LayerSlider WP. With the goal being a full width transparent overlay at the bottom. Any recommendations on what I am doing wrong or how to fix it?
Style:
Layout & Positions Width : 95% Height Top: 94% Left: 50%
Padding Top: 50px Right : 50px Bottom: 10px Left: 50px
Misc Background: rgba(255, 255, 255, 0.4)
Basic (HTML Content):
[av_one_third first]
[av_icon_box icon='ue862' font='entypo-fontello' position='left' title='BE MORE EFFICIENT' link='' linktarget='no']
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
[/av_icon_box]
[/av_one_third]
[av_one_third][av_icon_box icon='ue8b9' font='entypo-fontello' position='left' title='GET CONTROL' link='' linktarget='no']
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
[/av_icon_box][/av_one_third]
[av_one_third][av_icon_box icon='ue8dd' font='entypo-fontello' position='left' title='GROW YOUR BUSINESS' link='' linktarget='no']
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
[/av_icon_box][/av_one_third]
Hey Toratheus!
The layerslide slides aren’t in the regular content containers so the css that wraps with the shortcodes doesn’t inherit the grid elements. You could try putting the shortcode layout into a regular page, publish it and then copy out the whole html that gets created including the container. It would be a bit messy but should work.
Regards,
Devin