full background image CSS

[osehgol]

Hi - your theme's awesome, thank you so much for the effort and the issues you resolve (have been helpful).

I'm trying to add a background image on a page (might create a new .html in _layout) using technique #2 here -http://css-tricks.com/perfect-full-page-background-image/. Basically I need to add an HTML snippet in the page and add corresponding CSS in the CSS file.

My question is, where can I add the corresponding CSS for a page in your theme template? I've tried appending it to _sass/page.scss but it didn't work. I understand that /assets/css/main.scss shows the compiled css so I shouldn't be editing that.

I'm sorry if you find this annoying, I am quite new to programming honestly. Any help would be awesome.

Thank you.

[jeremyvoltz]

From a similar question:
What I did was made a new file called mystyles.scss, where I could add any tweaks I wanted instead of having to find everything and change them. Then simply add @import "mystyles"; to the end of /assets/css/main.scss for it to be included.

Hope that helps!

[mmistakes]

@jeremyvoltz That's how I'd do it. Makes updating easier.

[mmistakes]

@osehgol Adding your styles to _page.scss should add them to main.css. First step is to verify that they're indeed there by taking a peek at main.css (either by viewing the site's source or looking at the compiled file in _site/.

If the styles are there then it sounds like they aren't being applied properly. I'd check your HTML markup to see if you have the correct class/id names and all that. Other than me teaching you CSS I'm out of ideas 😉

[osehgol]

@jeremyvoltz @mmistakes thank you guys, big ups for the smart answers.