Image won't show up in Slider - using custom CSS to make full width Soliloquy slider

Dear X Theme support,

I am trying to make a full width slider using Soliloquy and have gone through their tutorial (https://soliloquywp.com/how-to-create-a-fullwidth-image-slider-in-wordpress/) and everything seems to work, except for the actual image not showing up and believe it could be the CSS that is causing the problem?

The actual CCS is:

/*
// Soliloquy Slider.
*/

#wrapper-1 {
background:url(“http://kinghenry.org.uk/draft/wp-content/uploads/2019/04/Year7-Welcome-Evening_1280x650px_slider.jpg”) no-repeat scroll center center transparent;
background-size: cover !important;
height: 400px;
width: 100%;
}

But I am getting unknown properties - with orange alerts, could that be causing the problem? as shown in the screenshot below.

The url for the slider is: http://kinghenry.org.uk/slider-test/

I am really pulling my hair out trying to get it to work, if you can offer any advice, would be appreciated.

best wishes

Ashley

Hey Ashley,

Please try to remove the whitespaces before the css properties and start a new line by hitting the return/enter key.

If you are still not able get it sorted, please provide us with the admin access to your site in a Secure Note:

Hello Jade,

worked perfectly.

thank you so much for the quick reply, have a good day.

best wishes

Ashley

You’re welcome!
It’s good to know that it has worked for you.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.