Inquiry on how to fix slider loading issue on homepage

Hi! I attached an image and a video to better illustrate my request. On the homepage of my website ( https://audioconcept.com.ar ), when the preloader is not enabled, the slider takes a second to expand to the sides, which breaks the fluidity of the design since the gray background color loaded in the theme settings is visible. However, if I enable the preloader, it seems like the speed of the site is affected. I wouldn’t mind if the preloader was only for the homepage, but if I enable it, the preloader appears on all pages of the site, which I don’t think is the best user experience for an ecommerce or catalog.
The best possible solution would be to make the slider background black, but I don’t see how to do that. I tried with Elementor, but it didn’t work. Maybe it can be solved with CSS, but I can’t find the element to modify. If you could provide me with the necessary CSS code to make the slider background black, I would appreciate it.

Attachments:

You must be logged in to view attached files.

Hello,

You can change the background color of the slider via its settings, or rather in Dashboard -> Slides -> in the “Background” tab change the “Color” option.

https://monosnap.com/file/1SNdWvopY2D1dEqWycGrGjsRWgqzPp

Feel free to reach out to me anytime when you have anything more to say.

Kind Regards

I understand, but the sliders are made with elementor not with woodmart sliders. I’m sure there must be a way to modify that background with css.

Hello,

I would like to request temporary admin access to the site to take a better look at the issue there.

Looking forward to collaborating with you!

Kind Regards

I just sent a temporary access link privately

Hello,

I suggest you disable the “Full width” functionality from Elementor: https://take.ms/nrQnv , and enable ours from the “[Xtemos] Design” tab: https://take.ms/YOLcD

Please let us know if there is anything further we can assist you with!

Kind Regards

Good. Using xtemos design I was able to modify the background.. the problem is that the slider image does not extend to 100%.. I left it as it was before but I used xtemos design for the section below.. which gives it a better appearance. You should still be able to put the slider at 100% and be able to change the background to avoid breaking the design when loading the home page. Hope it’s understandable. I guess it can be done with css.

Hello,

Could you please check how it works with some default WordPress themes like TwentyTwenty or WooCommerce Storefront to understand is it our theme issue or not?

I await your response.

Kind Regards

[Author]

Posts