[Jonathan LParticipant]

Test site: http://jabbragency.net/ns/necessitysolutions/

Hi,

I have set up a number of sliders on the home page and other pages.
When the image is loading, my client wants the page background to be seen as opposed to the white loading background that is currently seen.

I have tried setting the background to Transparent and adding the image as an Image Layer but I don’t see this making any difference and it also leaves a gap around the image for some reason.

Cheers,

Jonathan

[RupokMember]

Hi There,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.

.rev_slider_wrapper {
  background: transparent!important;
}

.tp-bannershadow {
  background: transparent!important;
}

It will make the background of your slider transparent. Second code block is to remove the black shadow underneath the slider while loading.

If the problem still persist or you have other concern, please clarify with a screenshot that reflects the issue.

Thanks

[Jonathan LParticipant]

Hi,

Thank you! This is exactly what I want.
Just one question though. You said that the second part of the code removes the shadow while loading. It removes it altogether. Is there a way to remove it only when loading?

Cheers,

Jonathan

[DarshanaModerator]

Hi there,

Could you please try adding the following code into your Customizer, Custom > JavaScript section.

jQuery(function() {
  jQuery('.tp-bannershadow').css('background', 'transparent') ;
});

Hope that helps.

[Author]

Posts