1. Let's say I created this CSS file called test.css
:
body {
opacity: 0.3;
}
2. Upload the new CSS file to the GitHub repository:
3. To load the new CSS file onto the website, update your HTML file and add a <link rel="stylesheet" href="test.css">
inside the <head>
section. Note: if you uploaded the CSS file into a folder in the previous step, the href
attribute should use the correct file path (for example: href="folder_name/test.css"
).
4. Upload the updated HTML file to the GitHub repository.
5. Wait a few minutes for GitHub to process. After that, your website should now be loading the new HTML file.