Tagged: fullscreen slider
Hi there
I am trying to create a fullscreen slider where I want the same background image for all 3 slides but only want the caption to rotate with a slide in/out effect.
I tried using the same background image for every slide but because of the sliding effect the background image slides with the caption as well which does not look good. Is there a solution for this?
Maybe you could use a static background image for a layout element (row or color section) … and place a content slider inside with just the animated text (or a fullscreen slider without background images).
Did you try it that way?
Brilliant! That works perfectly, thanks a lot!
Is there a way to change the arrow positions on the content slider so that they are on the sides of the content (left arrow on the left side and right arrow on the right side) ?
That’s possible with CSS.
You can try the following custom CSS. It changes the arrows of the Content Slider to a similar style like the arrows of the Image sliders. Maybe you have to make some CSS-changes to the Contents also, because the arrows may overlay the texts this way.
#top .avia-smallarrow-slider .avia-slideshow-arrows a {
width: 60px;
height: 60px;
font-size: 25px;
top: 50%;
margin: -30px 15px 0;
}
#top .avia-smallarrow-slider-heading > div {
display: block;
}
#top .avia-smallarrow-slider .avia-slideshow-arrows a::before {
line-height: 62px;
}
Info about adding custom CSS to Enfold:
=> https://kriesi.at/documentation/enfold/add-custom-css/
Hi,
Thanks for helping out @cg, please let us know if you should need any further help on the topic @cedartreemassagetherapy.
Best regards,
Rikard