Hi guys, is it possible to add highe selector to your custom defined Slick carousel CSS in frontend.css? Some themes might also use Slick carousel for their own elements and your CSS broke the styles.

I know you pasted the original Slick default CSS and then combine them with your own custom CSS. I think the custom CSS declarations should have higher level selector.

For example, it should be:

.elementor-widget-image-carousel .slick-loading .slick-list {
    background: #fff url("../images/ajax-loader.gif") center center no-repeat;
}

instead of

.slick-loading .slick-list {
    background: #fff url("../images/ajax-loader.gif") center center no-repeat;
}

What do you think?