Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

CMS page design with SCSS #47

Open
Monoget opened this issue Dec 27, 2020 · 2 comments
Open

CMS page design with SCSS #47

Monoget opened this issue Dec 27, 2020 · 2 comments

Comments

@Monoget
Copy link

Monoget commented Dec 27, 2020

Hello,
I just design my CMS page header, footer, and navbar by overriding CSS. But now I want to design it overriding SCSS files. But in my app/design/frontend/creativestyle/themecreativeshop directory, it did not generate any SCSS files. So I just confused about how to override it. Any expert or developer can help me to figure out what will I do for designing it now.

Thanks in advance.

@mborkowski
Copy link

Hi @Monoget,
Everything you see in app/design/.../web /* is built by node. Source files are localed under vendor/creativestyle/theme-creativeshop/src/* however changes made there will now override your CSS changes you made in app/* after rebuild so before you do so you might want to move your work to SCSS files first.
Anyway, the first thing is to go to mentioned vendor/creativestyle/theme-creativeshop/ via terminal and (assuming you have nodeJS installed) execute npm install.
All source files (SCSS) are split into modules as you can see here.
Then you either rebuild theme after every change with yarn build or yarn serve if you want to make some more changes without a need to build all over again after any change.

@Monoget
Copy link
Author

Monoget commented Jan 9, 2021

Ok, I got it to thank you very much.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants