Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 25, 2016 at 7:08 pm #638221
    Metavrse

    Hi,
    In responsive mode, how do I hide the excerpt on inactive slides and then move it to the right of the title when the slide becomes active? Here’s a crude illustration of what I’m trying to accomplish:

    I’d also like the black overlay to extend over the entire image to make the excerpt readable, if possible.

    Thanks in advance!

    • This topic was modified 8 years, 6 months ago by Metavrse.
    May 25, 2016 at 8:25 pm #638247
    Basilis

    Hi Metavrse!

    Please provide us a link of your web site, with the slider placed, so we can get the correct slider elements and do the rest to assist you.

    Thanks a lot for your patience and understanding!

    Regards,
    Basilis

    May 25, 2016 at 8:29 pm #638250
    Metavrse

    Hi Basilis,
    I’m in the final week of development so the site link is in the private section. Thanks!

    May 26, 2016 at 4:10 pm #638791
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #top .aviaccordion .av-accordion-text-center {
    float: right;
    width: 100%!important;
}
.aviaccordion-preview * {
    color: transparent!important;
}
.aviaccordion-slide:hover .aviaccordion-preview * {
    color: white!important;
}

    Best regards,
    Yigit

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