Adjusting image transitions in header slider

Hello. Is there a way via CSS to adjust the header slider so in between transitions from one image to another, there is no “white flash”. I’d rather the images faded into one another without the fade to white. Thanks

Here’s my test site: http://rawknart.com/csportfolio/

Hello there,

Please try adding this CSS code to Appearance > Customize > Additional CSS from your site dashboard.


.header-slider .slide-item {
    opacity: 1 !important;
}

Let me know how it goes.

Regards,
Kharis

Hi,

No, that code removes the transition completely. I would like the images to fade into one another but without the default “fade to background color”.

Thank you.

Hello there,

I am sorry, there’s no way to accomplish that unless the main slider background is darker. I visited your site again and it looks like you’ve done it well.

Regards,
Kharis

Aye. It turns out that it was fading to the background color so I simply changed the color to black. It’s better than what it was, but not necessarily what I wanted. Either way, thank you for your assistance :slight_smile: