Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 22, 2018 at 12:15 am #976062
    mframe

    I implemented image accordian on two areas of my web page – however, the dark overlay isn’t expanding with the image. Is there a way to fix this?

    June 22, 2018 at 8:03 am #976134
    Ismael

    Hey mframe,

    Thank you for using Enfold.

    Use this css code to adjust the background width of the title wrap container.

    #top .aviaccordion-preview-title-wrap:before {
    position: absolute;
    display: table;
    height: 200%;
    width: 200%;
    background: #000;
    background: rgba(0,0,0,0.5);
    padding: 0;
    filter: alpha(opacity=60);
    content: '';
    z-index: -1;
}

#top .aviaccordion-preview-title-wrap {
    background: transparent;
    filter: alpha(opacity=0);
}

    Please don’t forget to purge the cache prior to checking the page.

    Best regards,
    Ismael

    June 22, 2018 at 4:40 pm #976404
    mframe

    That just seemed to remove the overlays, making the text hard to read. Can it just expand with the photo and cover it all?

    June 22, 2018 at 5:08 pm #976411
    mframe

    I messed around with it and got it to work – thanks!

    June 22, 2018 at 9:14 pm #976467
    Jordan Shannon

    Hi,

    I’m glad you were able to get this resolved. 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 ‘Accordian sliders overlays not responsive’ is closed to new replies.