Background Images

I am new to working within Ghost, I do have some web coding experience but not a lot. I am trying to put a different background image for each page, I have tried adding a different div wrapper in the css but it is not taking effect.
I am using the Massively template

Any help would be great.
I am using brackets as my dev interface.

Hey @dleon :wave:
Would you be able to share a bit more info? Maybe even a link to where you’re working on the site?

Thanks :blush:

Sugarbootproductions.com
Right now backgrounds aren’t event showing up, it shows up when I use my offline editor

I think your local development setup is different to your live environment, which explains why there’s an inconsistency when seeing images. Best thing to do is to ensure you’re using the asset helper when linking to images. More information can be found here:

I am using the asset ASSET help

<link rel="stylesheet" type="text/css" href="{{asset "main/css/main.css"}}" />
<noscript><link rel="stylesheet" href="{{asset "main/css/noscript.css"}}" /></noscript>

Is there a better dev setup I can be using to match the live?

Ah that’s good then. Are you running an instance of Ghost locally? You might benefit from checking out and following this guide on local development with Ghost:

Running the theme inside a local instance of Ghost will give you a more accurate representation of how your site will look on your live version :blush: