Flask and css reference to static files

Question

I have a basic flask app, where I reference background images in my css file like this

.three {
  background:url('/static/images/house.jpg');
}

My folder organization is like this:

project
    app.py
    -static
        -images
            house.jpg
        -css
            index.css
    -templates
        index.html

How do I get my css to properly call the image?

For some reason it's not picking the images up, everything else works — Rob
– Rob, Commented Nov 6, 2015 at 21:21
actually there's like a white background covering my text as well, so maybe the css isn't the problem... — Rob
– Rob, Commented Nov 6, 2015 at 21:23

lord63. j · Accepted Answer · 2015-11-07 11:24:47Z

1

change your css to this, and then try again:

.three {
  background-image: url('images/house.jpg');
}

answered Nov 7, 2015 at 11:24

lord63. j

4,6702 gold badges24 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1