# Root stylesheet is set to a non-existant file

**URL:** <https://talk.jekyllrb.com/t/root-stylesheet-is-set-to-a-non-existant-file/8892>\
**Category:** Help\
**Created:** [January 30, 2024, 10:23pm UTC](https://talk.jekyllrb.com/t/root-stylesheet-is-set-to-a-non-existant-file/8892 "2024-01-30T22:23:10Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![andrewjtechjekyll](https://avatars.discourse-cdn.com/v4/letter/a/22d042/32.png) [@andrewjtechjekyll](https://talk.jekyllrb.com/u/andrewjtechjekyll)\
**Post date:** [January 30, 2024, 10:23pm UTC](https://talk.jekyllrb.com/t/root-stylesheet-is-set-to-a-non-existant-file/8892/1 "2024-01-30T22:23:10Z")

</div>

Hi there! I am trying to apply site styling using custom.scss file in assets \> CSS. When I run bundle exec jekyll serve it says /workspaces/portfolio/assets/css/main.scss 4:9 is the root stylesheet. But I’m not sure that’s correct - I have no such file in that location on my site.

I think what’s supposed to happen is that it sees custom.scss and then makes the necessary imports. Then my site should be styled properly.

Here is the repo if anyone wants to take a look:

> **[GitHub - andrewjtech123/portfolio](https://github.com/andrewjtech123/portfolio)**
>
> Contribute to andrewjtech123/portfolio development by creating an account on GitHub.

I am following this Jekyll portfolio tutorial:

> **[Customizing your theme with CSS and JavaScript - Creating GitHub Portfolios...](https://www.linkedin.com/learning/creating-github-portfolios/customizing-your-theme-with-css-and-javascript?autoSkip=true&resume=false)**
>
> After watching this video, you will know how to add CSS and JavaScript to customize your portfolio. Customizing your portfolio will help you stand out in your field.

---

<div class="post-metadata">

**Author:** ![rdyar](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.jekyllrb.com/rdyar/32/710_2.png) [@rdyar](https://talk.jekyllrb.com/u/rdyar)\
**Post date:** [January 30, 2024, 11:43pm UTC](https://talk.jekyllrb.com/t/root-stylesheet-is-set-to-a-non-existant-file/8892/2 "2024-01-30T23:43:53Z")

</div>

this probably has something to do with the remote theme it looks like you are using.

my guess is that you are NOT supposed to do those imports there - you are probably supposed to just add whatever custom css you want to override the theme css. Try removing the imports and doing something like changing some text to red to see if it works.

Again I am guessing - I don’t use gem themes so not that knowledgeable about them.

Personally I don’t like gem based themes as they are a little opaque as to what is going - ie there is more going on that just what is in your repo as it is using files in a gem for the theme that are not readily visible to you. I think.

---

<div class="post-metadata">

**Author:** ![panchtatvam](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.jekyllrb.com/panchtatvam/32/5512_2.png) [@panchtatvam](https://talk.jekyllrb.com/u/panchtatvam)\
**Post date:** [January 31, 2024, 8:48am UTC](https://talk.jekyllrb.com/t/root-stylesheet-is-set-to-a-non-existant-file/8892/3 "2024-01-31T08:48:10Z")

</div>

I am not able to reproduce the error you mentioned with the given repo. Is the issue fixed ?

---

<div class="post-metadata">

**Author:** ![andrewjtechjekyll](https://avatars.discourse-cdn.com/v4/letter/a/22d042/32.png) [@andrewjtechjekyll](https://talk.jekyllrb.com/u/andrewjtechjekyll)\
**Post date:** [January 31, 2024, 4:18pm UTC](https://talk.jekyllrb.com/t/root-stylesheet-is-set-to-a-non-existant-file/8892/4 "2024-01-31T16:18:14Z")

</div>

Thanks for looking into it. The site is supposed to look as follows with the custom styles applied:

> **[Leigh Stewardson](https://leighlawhon.github.io/)**
>
> I am a multifaceted Product Manager with extensive experience in design and development.

---

<div class="post-metadata">

**Author:** ![andrewjtechjekyll](https://avatars.discourse-cdn.com/v4/letter/a/22d042/32.png) [@andrewjtechjekyll](https://talk.jekyllrb.com/u/andrewjtechjekyll)\
**Post date:** [January 31, 2024, 7:13pm UTC](https://talk.jekyllrb.com/t/root-stylesheet-is-set-to-a-non-existant-file/8892/5 "2024-01-31T19:13:50Z")

</div>

It is a remote theme, but it’s supposed to prefer any local files if you add them.

> **[Structure](https://mmistakes.github.io/minimal-mistakes/docs/structure/)**
>
> How the theme is organized and what all of the files are for.

It doesn’t seem to see the custom.scss file in assets \> css.

---

<div class="post-metadata">

**Author:** ![andrewjtechjekyll](https://avatars.discourse-cdn.com/v4/letter/a/22d042/32.png) [@andrewjtechjekyll](https://talk.jekyllrb.com/u/andrewjtechjekyll)\
**Post date:** [January 31, 2024, 7:28pm UTC](https://talk.jekyllrb.com/t/root-stylesheet-is-set-to-a-non-existant-file/8892/6 "2024-01-31T19:28:54Z")

</div>

I followed this article, and just put my custom CSS in assets/css/main.scss. That seems to work, although I don’t see why the file custom.scss doesn’t work.

> <https://stackoverflow.com/questions/49116592/customize-jekyll-remote-theme-for-github-pages>

---

<div class="post-metadata">

**Author:** ![rdyar](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.jekyllrb.com/rdyar/32/710_2.png) [@rdyar](https://talk.jekyllrb.com/u/rdyar)\
**Post date:** [January 31, 2024, 7:38pm UTC](https://talk.jekyllrb.com/t/root-stylesheet-is-set-to-a-non-existant-file/8892/7 "2024-01-31T19:38:27Z")

</div>

sure - but you are doing imports from other scss files in that custom file and my guess is it doesn’t like that. Try just putting normal css in that file and I think it would work.

---

<div class="post-metadata">

**Author:** ![andrewjtechjekyll](https://avatars.discourse-cdn.com/v4/letter/a/22d042/32.png) [@andrewjtechjekyll](https://talk.jekyllrb.com/u/andrewjtechjekyll)\
**Post date:** [January 31, 2024, 8:25pm UTC](https://talk.jekyllrb.com/t/root-stylesheet-is-set-to-a-non-existant-file/8892/8 "2024-01-31T20:25:54Z")

</div>

hmmm weird. The strategy I used to update main.scss locally works in codespaces but not when I push it to Github pages.

---

<div class="post-metadata">

**Author:** ![andrewjtechjekyll](https://avatars.discourse-cdn.com/v4/letter/a/22d042/32.png) [@andrewjtechjekyll](https://talk.jekyllrb.com/u/andrewjtechjekyll)\
**Post date:** [January 31, 2024, 8:28pm UTC](https://talk.jekyllrb.com/t/root-stylesheet-is-set-to-a-non-existant-file/8892/9 "2024-01-31T20:28:28Z")

</div>

The thing is I’m following a course and that’s the way they have it setup, so I think I should try to reproduce that functionality.

---

<div class="post-metadata">

**Author:** ![rdyar](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.jekyllrb.com/rdyar/32/710_2.png) [@rdyar](https://talk.jekyllrb.com/u/rdyar)\
**Post date:** [February 1, 2024, 3:15am UTC](https://talk.jekyllrb.com/t/root-stylesheet-is-set-to-a-non-existant-file/8892/10 "2024-02-01T03:15:05Z")

</div>

and that course is using the same theme?

can you ask the course author?
