This page:
https://www.flytemode.com/?page_id=87
The slider at the top (selected by “Page Meta Slider”) has its style broken if you add a Metaslider widget further down on the page.
Style changes to this when you add a second slider as a widget on the page:
style=”display: block; float: left; background-image: url(https://www.flytemode.com/wp-content/uploads/2014/09/YellowBackground.png);”
Style is this before the addition of the widget:
style=”display: block; float: left; width: 100%; margin-right: -100%; position: relative; opacity: 1; z-index: 2; background-image: url(https://www.flytemode.com/wp-content/uploads/2014/09/YellowBackground.png);”
How do I fix this so the slider at the top is full width and retain the ability to add more slider widgets down the page?
Hi meltman
Thanks for your feedback here. I’m not able to immediately replicate the error. Can you perhaps check for me, are both the slider set to the Vantage (Flex) themes? Perhaps don’t use that theme for your second slider? Any change?
You cant use that theme for the second slider or it “letterboxes” it – even if that’s selected the top slider’s style attributes change as soon as you add a “MetaSlider Widget” down page.
Here’s an example page where I’ve not added a slider widget in the page:
https://www.flytemode.com/?page_id=120
Once you do, the top slider bumps over and loses the correct style attribute.
I really want to use layered, animated sliders as “images” in the site down the page in addition to the top slider without breaking the style attribute of the top one.
If you copy the style attribute of the second page and paste it into the the broken page slider it does render correctly so I guess I just need to fix whatever is altering the attribute.
Thanks for the wait here. Can you perhaps send a set of temporary login details through to [email protected] with a reference to this thread. I’ll take a look asap.
I just sent some temporary login details to your support site.
Configured is a test page for you to play with.
Thanks, I’ll pick that up asap.
After some testing we discovered that the page selected Meta Slider will retain it’s styling if the Page Builder inserted slider below it was inserted via a Text widget and shortcode and not using the Meta Slider widget.
Put in another way, if you use the drop down menu in the right column of a page to select a Meta Slider and then additionally want to insert a Meta Slider in the page content via Page Builder, rather use a Text widget with a Meta Slider shortcode and not the Meta Slider widget.
Thanks meltman.