Is there a central CSS file I can change to change the main colors of the template. I have changed the scss/themecolor.scss file, but the website is not changing.
1 Like
If you’ve already edited scss/themecolor.scss and nothing changed on the site, it’s usually one of these issues:
- SCSS isn’t being compiled Updating the
.scssfile won’t affect the website unless it’s compiled into the main CSS file (often something likestyle.cssormain.css). Make sure your build process (npm, gulp, webpack, etc.) is running. - Wrong CSS file is being loaded – Check in your browser DevTools (Inspect → Network or Sources) to confirm which CSS file is actually applied.
- Cache issue – Clear your browser cache or do a hard refresh (Ctrl + F5). Also check if server-side caching is enabled.
- Overriding styles – Another CSS file might be overriding your color variables after compilation.
There usually isn’t just one “central CSS file” unless the theme is structured that way — the SCSS must compile into the final CSS that the browser reads.
If you can share your project structure, I can guide you more specifically ![]()