Docs

[kirk74]

Hi team,
I have a strange rendering issue, please look here:

http://cp55.ezyreg.com/~spsp1976/demo-home-2/

and scroll down to the tabbed content, and click the “extra 2” tab. I have added slider shortcode into this tab, and when the page first loads, the content is all stacked on top of each other, but then if I resize the window it fixes itself and then behaves normally … how can I avoid this bug?

thank you so much 🙂

[kirk74]

also within this slider, I am trying to position the arrows top right instead.. this should be simple because I know my CSS is correct, but even though I am using “important”, I can’t overide the default left setting in the icon.css .. (I know this because I can see it in the browser inspector .. and if I turn off the default CSS for left position in the browser my custom one kicks in.

Please let me know how I can overide the default CSS.. this is the code I am using, and I have placed it in CUSTOMISER > EDIT GLOBAL CSS

Thank you so much 🙂

.flex-direction-nav a.flex-next {
right: 0px !important;
}

.flex-direction-nav a.flex-prev {
right: 35px !important;
}

[Rue Nel]

Hello There,

Thanks for writing in! This is not a bug. Please keep in mind that a slider and its slide depends on the container which is the tab content. When you first load the page, the tab content container is hidden/inactive hence the height is zero. The slider did not initialize because the height of its container is zero. This is why as soon as you open the tab and resize the browser, the slider re initializes. I would not recommend adding the slider even (RevSlider or LayerSlider) inside the tab content or accordion because it will not load.

And to reposition the arrows of the slider, please make use of this code instead:

.flex-direction-nav a.flex-next {
  right: 0px !important;
  left: auto;
}

.flex-direction-nav a.flex-prev {
  right: 35px !important;
  left: auto;
}

Please let us know if this works out for you.

[kirk74]

Thank you so much, I have decided to use a different method for the slider within the tab .. but I am sure I will use the CSS for right alignment someday so thank you!! 🙂

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts