Crelly Slider on front page


I have added a Crelly Slider to my front page, the Crelly Slider Shortcode is within a SiteOrigin Editor on its own row.
How can I get the Crelly Slider to be full width? Can I do something with the row?

Many thaks

Hello Lone,

Can you please provide a link to your website to let me inspect it?

Kind Regards, Roman.


Please post a link to your website, so I can check if that’s possible.

Best Regards,


I haven’t deployed it on the front page yet, but you can see the Crelly Sliders here:

The front page is: where I would like to replace the service part with static animated Crelly sliders.

If you have another idea, for hero image with animated text and buttons I would love to hear about it.

Many thanks

Hello Lone,

Please try to use the following CSS code.

You can add CSS code to your site with Simple Custom CSS plugin (just copy CSS code and paste it in Dashboard → Appearance → Custom CSS after installing and activating the plugin). Also you can add CSS code directly to style.css file of your child theme.

#panel-3657-0-0-0 {
    max-width: 100%;
    width: 100%;
    padding: 0;

However, please note that you will have to replace the ID after adding slider to the front page.

Kind Regards, Roman.

Thank you Roman,

Worked perfect :slight_smile:

Many Thanks

You are welcome Lone,

And have a nice day :slight_smile:

Kind Regards, Roman.