Shopify is notifying shop owners about the need to convert theme.scss files to theme.css files. They are saying that all free and paid Shopify themes in the future will have this conversion. Ok, that’s good. Looks like a .css file can be saved as a .scss file but not vice versa. But, how am I supp…

Please do. While my stores theme doesnt use too many mixins, we’ll be updating in the coming weeks too and this was my plan so I sure hope it goes alright lol.

Hi @Ninthony , Not good news! Finds multiple parsing errors. Starts with not liking Line 231: fatal error: parse error: failed at $color-btn-primary: { { settings.color_button_bg } } ; (stdin) on line 231 I deleted the whole primary button section beginning with Line 231 and tried again. It di…

Hi ! Did you find a solution to get by the SCSS / CSS issue ? Cheer’s

Wow, not working for me at all. I have an error, apparently in the first line, which I’ve never even touched (I have a super new store, barely started, so I have barely changed anything as of now, and definitely not on the first line). Error I got: fatal error: parse error: failed at { % comment %…

+1 , please help. I get this error while trying to migrate/convert the .scss file to .css Compilation Error Error: Invalid CSS after " $color-text:": expected 1 selector or at-rule, was “{{ settings.color_t” on line 338 of sass/Users/********/Desktop/css/theme.scss $color-text: {{ settings.co…

the online converters won’t work. getting this (kind of) errors all the time; fatal error: parse error: failed at $color-text: { { settings.color_text } } ; (stdin) on line 338

So I searched this forum if anyone else has asked this or not. There is a thread where someone suggested getting the CSS from the browser (Inspect Element), copying it into a code editor, saving it as CSS, uploading it to assets, and then pointing to it in theme.liquid. I’m not sure what’s going to…

Is this something we need to do now in our shops? Will it be automatically done in any way?

Thanks @Anonymous , it worked! HOW TO: Open Google Chrome : ‘ yourstore.myshopify.com ’ : Right click (on the page) : click on ‘Inspect element’ : click the arrow on the left (it opens) the ‘’ section : search for; ’ ’ in the head section/code : Right click on the link : click on ‘open i…

@FG10 can you please explain better what code did you applied into theme.liquid after you’ve created the new theme.css please?

How to convert theme.scss files to theme.css in Shopify themes?

Store Design

FG10 February 28, 2021, 6:43pm 18

Hi @Annavittoria ,

(old one)

notice the ‘.scss’

(new one)

Topic		Replies	Views
How can I convert my theme from SCSS to CSS on my own? Store Design	3	44	March 8, 2022
How do I convert SCSS to CSS in Shopify? Store Design shop-performance	1	72	July 8, 2022
How can I convert my SCSS.liquid theme to CSS? Technical Q&A	1	47	September 8, 2021
How do I convert SCSS to CSS in Venture Theme? Store Design	11	81	March 14, 2022
Why can't I convert Minimal theme SCSS to CSS on Shopify? Technical Q&A css	3	49	November 3, 2021

How to convert theme.scss files to theme.css in Shopify themes?

Related topics