custom css not working when using bootstrap with flask

Question

I was trying to develop my website using bootstrap and backend as flask. But it seems when I am applying css to my element its not working. I have posted a minimal reproduci

Answer 1

I came across a similar problem and through the help of the responses given here and in other similar question asked by other programmers, i discovered that the css file was being saved in chrome's cache memory (or any chromium based browser). So I'm presuming you are using a chromium based browser.

For the changes in the css file to be reflected on the browser, the cache has too be cleared. You can do this manually clearing the cache memory each time you make a change on your css file, this option can be found in the chrome settings, or the chromium browser you are using. Alternatively, you can prevent files from being cached through the developer tools. I found a website that can help with that.

Mozilla firefox works in a different manner and I didn't experience any cache memory problem while working with it. You can also use it to solve this particular problem. I haven't tried safari, so you can check it out and see if it works for you.

Answer 2

You set the color of you body, which is the text color, you wanted to set the background color which is background-color. if that still doesn't work, disable the other style sheets, they may be doing something with higher precedence than body (which is the lowest one)