Tagged: fullscreen slider
-
AuthorPosts
-
May 23, 2019 at 3:05 pm #1103681
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?
May 23, 2019 at 3:14 pm #1103684Maybe 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?
May 23, 2019 at 3:24 pm #1103687Brilliant! 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) ?
-
This reply was modified 6 years, 5 months ago by
cedartreemassagetherapy.
May 23, 2019 at 4:19 pm #1103701That’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/May 28, 2019 at 5:18 am #1104651Hi,
Thanks for helping out @cg, please let us know if you should need any further help on the topic @cedartreemassagetherapy.
Best regards,
Rikard -
This reply was modified 6 years, 5 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.
