Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 14, 2015 at 5:40 pm #379568
    gyverchang

    Hi there,

    I am in the process of creating my website and I came up with an issue with the Accordion Slider.

    If you go to this link: http://www.beefbeefspace.com/menu/

    You can see that the when you move over on any of the pictures, when the picture slides, the transparent layer only shows half of the whole image, how do I solve this?

    Thanks.

    January 15, 2015 at 12:17 am #379810
    Elliott

    Hi gyverchang!

    Your adding this to your custom CSS correct?

    #top .aviaccordion-preview {
  bottom: 0;
  height: 30%;
  width: 100% !important;
}

    That’s why it is looking weird. Remove that and it should display like in our demos.

    Cheers!
    Elliott

    January 15, 2015 at 1:56 pm #379998
    gyverchang

    Dear Elliot,

    Thanks for the info. I found this code somewhere else on this forum. Actually, it worked after adding this code, I added this to the quick css of the wrong section.

    How do I make it transparent when there’s a mouse over?

    Thanks.

    January 15, 2015 at 4:32 pm #380071
    Yigit

    Hey!

    Please add following code to Quick CSS as well

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

    Best regards,
    Yigit

    January 24, 2015 at 11:11 am #384826
    gyverchang

    Dear Yigit,

    The transparency works, however, it only worked when the mouse is hovering over the area that is previously covered by text, once the mouse hovers out of that area, the the transparency disappeared.

    January 26, 2015 at 8:42 am #385276
    Ismael

    Hey!

    Try to replace the code with this:

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

    Regards,
    Ismael

    January 28, 2015 at 12:15 pm #386913
    gyverchang

    Dear Ismael,

    It doesn’t help.

    Please have a look at my website here: http://www.beefbeefspace.com/menu/

    January 29, 2015 at 11:53 pm #388036
    Josue

    Hi!

    however, it only worked when the mouse is hovering over the area that is previously covered by text, once the mouse hovers out of that area, the the transparency disappeared.

    Can’t reproduce this, the slide remains transparent as long as the cursor is hovering the slide – http://screencast.com/t/WEMW8fpme

    Best regards,
    Josue

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