Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #40162

    Kaz v
    Participant

    Hi guys,

    To show testimonials on my website I’ve set up a slider with blockquote content in the individual slides.

    I’ve set the transition effect to “fade” and I’ve disabled the grey background and border by adding the following to my child theme’s (Renew) CSS:

    .x-slide { 
         background: #c47bd8;
    }
    
    blockquote {
         border: none;
    }

    The hex code is the same as the page’s background, of course.

    The problem is that when the next slide fades in, there is still a “flash of grey”. This immediately disappears as the next slide is in view, but I’d like to know if you could help me remove this flash of grey entirely.

    Thanks!

    #40251

    Rad
    Moderator

    Hi Kaz,

    Thank you for writing in!

    Could you provide a url address? I can give you a css fix depending on your existing customization.

    Thank you.

    #44671

    Kaz v
    Participant

    Hi Support,

    Sorry for my delayed reply, missed it in my inbox :-/

    The website is http://070media.nl – scroll down to the purple “testimonials” section.

    I’ve set the slider delay to 25 seconds, so it takes a little while for one slide to change into the other.

    Thanks!

    #44924

    Rad
    Moderator

    Hi Kaz,

    Could you try this css at your customizer’s custom css.

    .x-flexslider {
       background-color:transparent!important;
    }

    This should fix it, cheers!

    #45070

    Kaz v
    Participant

    That fixed it indeed. Thanks again guys 🙂

    #45296

    Support
    Member

    Glad to head that Kaz.

    Thanks!