So I can’t seem to figure out how to change the entire background color of my portfolio site. I’ve tried wrapping it all in a div and using a Bootstrap class but I couldn’t change it from the default (White). I’ve also tried adding a style.css file and targeting the body class. ie. body { background-color: #X }; Still, no luck. Any help or suggestions would be greatly appreciated.
What are you seeing when you use the CSS body { background-color: #xxxxxx; } ? Do you have a margin around the page? Is the color not showing at all?
By the way, you should have the semi-colon inside the curly braces, not outside of it.
If you’re trying to override a Bootstrap class, your link to your CSS stylesheet (or styling on the page, if you’re doing it that way) needs to be below the link to Bootstrap.
As a last resort, you can do the body selector and add !important to the style to force the override.
First line: href attribute string isn’t terminated with "
Second line: that href points to nothing — you don’t have a styles/style.css file in your project.
What you need to do is fix that first line, then create a new directory at the root of your project called styles and create a file within that called style.css. Then you can style away to your heart’s content (but remember to remove any corresponding inline styles first, as they’ll take precedence over what’s in the external stylesheet).