I am new to WordPress and webdev in general so my skills are moderate.

I am using a plugin called WP Smart Preloader to build my sites preloader. It allows for the use of custom HTML and CSS. The HTML part of my preloader works but the styling does not show. My custom preloader is using SCSS which I think is causing the problem.

Is there any way to allow the use of SCSS in this plugin?

Here is my preloader on Codepen:

And here is the customized preloader plugin:

Thanks a bunch in advance!

I am new to WordPress and webdev in general so my skills are moderate.

I am using a plugin called WP Smart Preloader to build my sites preloader. It allows for the use of custom HTML and CSS. The HTML part of my preloader works but the styling does not show. My custom preloader is using SCSS which I think is causing the problem.

Is there any way to allow the use of SCSS in this plugin?

Here is my preloader on Codepen: https://codepen.io/wuhdotse/pen/jOWZwNM

And here is the customized preloader plugin: https://github/wuhdotse/preloader

Thanks a bunch in advance!

• plugins
• plugin-development
• css
• sass

• Browsers can’t parse SASS. It needs to be compiled into CSS to be usable. If this plugin doesn’t do that then you’d need to convert it to CSS. – Jacob Peattie Commented Jul 5, 2020 at 8:17
• @JacobPeattie Thank you! I compiled it to CSS and now it works fine. Cheers. – wuh Commented Jul 5, 2020 at 8:24

1 Answer 1

I had to compile my SCSS to CSS using a compiler. I used this online compiler but of course others will work as well.

Now everything works.