Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #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?

    #1103684

    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?

    #1103687

    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) ?

    #1103701

    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/

    #1104651

    Hi,

    Thanks for helping out @cg, please let us know if you should need any further help on the topic @cedartreemassagetherapy.

    Best regards,
    Rikard

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.