Cannot find the 'theme.scss.liquid' file in Assets folder - Debut Theme

arvinjay
New Member
3 0 0

I'm trying to upload a custom font onto my store. All the tutorials I've watched on this have instructed that I need to edit my theme.scss.liquid file, however there doesn't seem to be one in my theme.

Are there any solutions to this?

 

 

0 Likes
dmwwebartisan
Shopify Partner
5858 1339 1718

@arvinjay 

In the Debut theme, there should be a theme.scss.liquid file in the assets folder and that is the default one. If you don't have or accidentally deleted then download the debut theme and create theme.scss.liquid file, copy and paste the code. That will solve your issue.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
arvinjay
New Member
3 0 0

thanks for the response! hmm i just tried that, however there doesn't appear to be a theme.scss.liquid file. the closest I could find was theme.css in the assets folder?

Please see the video attached.

0 Likes
dmwwebartisan
Shopify Partner
5858 1339 1718

@arvinjay 

You can use theme.css file. It should work.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
arvinjay
New Member
3 0 0

ive managed to semi-successfully implement it! But the header text on the home page still hasn't changed as well as the text on the button.

 

What is the CSS property selector/Class/(whatever the term is) for this specific body of text?

Screen Shot 2020-11-12 at 12.33.24 pm.png

0 Likes
armanid
New Member
1 0 0

Hey were you able to get this figured out? I have the same problem 

0 Likes
PCMASTER
New Member
1 0 0

The same problem also. Can anybody provide solution

0 Likes
Jmalota
New Member
2 0 0

Did you ever get this solved??? I am having the same issue.

0 Likes
dannytlake
Shopify Partner
7 0 10

Most likely this is the reason there is no theme.scss.liquid file: https://www.shopify.ca/partners/blog/deprecating-sass. This means there should only be a theme.css file. The same instructions for adding a font can most likely be used, with the exception of if the instructions use anything sass specific and not native to css.

 

 

0 Likes
AdamMilovanovic
New Member
1 0 1

What Dannytlake says, SASS has been deprecated from store files, so all files containing css will by default now only contain native css. Also, the liquid code has been moved to another file so the theme.scss.liquid's content now seems to have been moved to the two following files: 

 -> assets/theme.css

->  layout/theme.liquid

AdamMilovanovic_0-1616332070923.png