Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • May 11, 2016 at 12:00 pm #630620
    swotmarketing

    Hi, i need my accordion slider to,

    first transparent dark black, when cursor over, it become flat clean.
    What is the css behind?

    What i able to made only, both become flat clean.

    Please advise.

    Thanks

    May 12, 2016 at 1:41 am #631065
    swotmarketing

    anyone can help ?

    May 12, 2016 at 2:00 pm #631374
    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-title-on-hover .aviaccordion-preview {
    opacity: 1;
    filter: alpha(opacity=1);
    background: rgba(0,0,0,0.5);
}
#top .aviaccordion-title-on-hover:hover .aviaccordion-preview {
    background: transparent!important;
}

    Best regards,
    Yigit

    May 13, 2016 at 3:27 am #631749
    swotmarketing

    Hi Yigit,

    It is not working, is there any other solution?

    Thanks

    May 13, 2016 at 1:27 pm #632040
    Yigit

    Hi,

    Please try adding !import rule as following

    #top .aviaccordion-title-on-hover .aviaccordion-preview {
    opacity: 1 !important;
    filter: alpha(opacity=1) !important;
    background: rgba(0,0,0,0.5) !important;
}
#top .aviaccordion-title-on-hover:hover .aviaccordion-preview {
    background: transparent!important;
}

    Best regards,
    Yigit

    May 13, 2016 at 6:38 pm #632191
    swotmarketing

    Hi Yigit, thank for your attempt. Still not working. If i replaced,
    #top .aviaccordion-title-on-hover:hover .aviaccordion-preview {
    background: transparent!important;
    }

    to

    #top .aviaccordion-title-on-hover:hover .aviaccordion-preview {
    opacity: 0!important;
    }

    It works. But it removed my caption too.

    What is your advice?

    May 16, 2016 at 11:53 am #632874
    swotmarketing

    Hi Yigit,

    Any advice?

    Thanks

    May 17, 2016 at 3:21 am #633415
    Ismael

    Hi,

    Sorry for the delay. Please refrain from bumping or replying to your own thread because it gets pushed back to the end of the queue and moderators won’t be able to provide a response immediately. Please be patient while we go through the rest of the queue. Thank you for your understanding.

    Add this in the Quick CSS field to remove the transparent overlay on hover:

    .aviaccordion-slide:hover .aviaccordion-preview-title-wrap {
    background: transparent !important;
}

    Best regards,
    Ismael

    May 17, 2016 at 10:01 am #633590
    swotmarketing

    Dear Ismael,

    It works. Great help thanks!

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘accordion slider’ is closed to new replies.