# SCSS Project Setup for a Beginner

**URL:** <https://forum.pinegrow.com/t/scss-project-setup-for-a-beginner/8269>\
**Category:** Beginners\
**Created:** [July 29, 2023, 7:56pm UTC](https://forum.pinegrow.com/t/scss-project-setup-for-a-beginner/8269 "2023-07-29T19:56:25Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![adun.studio](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/adun.studio/32/5783_2.png) [@adun.studio](https://forum.pinegrow.com/u/adun.studio)\
**Post date:** [July 29, 2023, 7:56pm UTC](https://forum.pinegrow.com/t/scss-project-setup-for-a-beginner/8269/1 "2023-07-29T19:56:25Z")

</div>

Following @adamslowe tutorial, I was able to add the SCSS folder and set “theme.scss” as the source.

However, my classes and variables aren’t working.

If I try to add a class, it creates it as a new class and doesn’t pick up the SCSS partials.

The setup works fine in VS Code with Vite. I clicked on “Compile and Save”, all to no avail.

Another thing, I’m also trying to add local fonts following his YouTube video (found here - [Local Fonts in WordPress: Manually and with Yabe Webfont - YouTube](https://www.youtube.com/watch?v=A0JZzEVIUzQ&t=321s)). Under Font Family, I could only see “Manage Google Fonts”. No option to add the fonts.css stylesheet.

I have tried to go through the docs, but I’m just not getting it right.

It would mean a lot if anyone could point me to any resource at all.

Thanks very much for your time and help.

P.S. Added a screenshot of my project structure.

 ![Screenshot (481)](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/3/3e16305dfddad9beaf0f70c3b4343ba2b3e430fa.png)