Hi shopify team
Greetings
I can’t fine ‘Theme.Scss.Liquid’ Under Assets or any .css
style.scss.liquid
style.css.liquid
style.css
timber.scss.liquid
timber.css.liquid
timber.css
I refer the article “Cant Find The ‘Theme.Scss.Liquid’ Under Assets” still can’t change any .css style.
How can I change any .css style?
Thanks
Hi @HankLee182 ,
the CSS file you’re looking for doesn’t necessarily have to be called “theme.scss.liquid”. Depending on the theme your CSS file might be called differently.
Seeing your screenshot I would first check the base.css. There you should find most of the CSS styles and maybe even a section to enter custom CSS code that will not be overwritten.
There are also ways to create a custom.css file that you can edit as much as you like. Basically all you have to do is to create a new asset called “custom.css”, then go to your theme.liquid file and search for a line of code that looks similar to this
Paste this line below it:
This will load your custom.css file after the theme’s standard CSS file.
Then you should be good to go and can add your custom CSS to the custom.css file.
Hi @OS-Mitch ,
I only found a line below :
{%- if settings.predictive_search_enabled -%}
{%- endif -%}Paste in this line?
Thanks
Hi @HankLee182 ,
paste this:
after the section you just selected and before the opening “<script…” tag. So in your screenshot it’s line 209. Then your custom.css will be loaded after the base.css and the other file. Therefor you can overwrite any CSS in there with your own custom.css file.
Let me know if it works!
