I'm running into an issue with customizing my bootstrap theme using Sass. After installing Sass and creating both main.scss and main.css files, I imported bootstrap in my main.scss file as per the documentation.
@import "node_modules/bootstrap/scss/bootstrap";
Following the theming guidelines, I tried to overwrite the main.css file by running:
sass main.scss main.css
Then, I set main.css as the stylesheet for my HTML head and removed the bootstrap stylesheet since all styles were now in main.css. However, when I try to run my program, it keeps giving me a 'file not found' error message.
The HTML file is located at:
/User_testing_v10/user_testing/templates/base.html
And the main.css file is located here: /User_testing_v10/main.css
In my HTML file, I've included the link to fetch the main.css file from this location:
<link rel= "stylesheet" href="/User_testing_v10/main.css”>
Not Found: /User_testing_v10/main.css
[23/Jan/2020 11:02:30] "GET /User_testing_v10/main.css HTTP/1.1" 404 2350
What am I missing here? Do I need to add something like static or specify a different path?
Any assistance would be greatly appreciated. Thanks for taking the time to read through my query.