Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 8, 2021 at 2:31 pm #1304649
    yampieters

    Hello, your easy slider is great, but imagine i would have 3 textparts but only 1 image.
    so, the image stays the same, stays where it is, but the text is sliding in , 3x different text.
    i could use the easy slider but than the image would dissappear in a transition and come back the same image second transition.
    how to tell enfold that only the text shouldl slide?
    best regards, jelle

    • This topic was modified 3 years, 5 months ago by yampieters.
    June 9, 2021 at 12:32 pm #1304856
    yampieters

    hello, ive managed so by using the content slider:

    Home

    the code i use now is

    .groot
{color:#a42c6a;
font-size:48px;
padding:20px;
text-shadow: 2px 2px #e1e1e1;
font-family: Century Gothic;
}

    but im having some questions left
    1. is the quick css the only location i can manage the layout of the sliding text?
    2. if so, how can i give this text transparant background , lets say #666666, with a transparancy of 0.2 , padding 10px, roundedcorners 10%,?
    3. where can i adjust the transaction speed?
    4. on a mobile the whole thing looks a bit strange…too big…of course i could hide it, but what about seeing the same stuff, but than much smaller, fit for a mobile?
    is this possible?

    best regards, jelle

    June 15, 2021 at 6:19 am #1305724
    Nikko

    Hi jelle,

    We apologize for the delayed response.
    1. Yes, if changes that you want aren’t in the backend options.

    2. Please try adding this in Quick CSS:

    #top .groot .entry-title {
    background-color: rgba(102,102,102,0.2);
    border-radius: 10px;
    padding: 10px 20px;
    display: inline-block;
}

    3. The transitions are defined in the js file (enfold > config-templatebuilder > avia-shortcodes > slideshow > slideshow.js, line 42):

    transitionSpeed:900,

    4. Can you try adding this CSS code:

    @media only screen and (max-width:767px) {
  #top .groot .entry-title {
    font-size: 32px;
  }

  #top .groot .entry-title {
    font-size: 32px;
  }
}

    Best regards,
    Nikko

    June 20, 2021 at 9:56 am #1306553
    yampieters

    hello nikko, thanks a lot, you can close this one, best regards, jelle

    • This reply was modified 3 years, 5 months ago by yampieters.
    June 20, 2021 at 9:43 pm #1306604
    Jordan Shannon

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘get sliding text but same pic’ is closed to new replies.