Issue with color overlay an image

[TWG]

I’ve read a few articles on CSS-Tricks about color overlays but they don’t seem to work for me. When I view the page in the inspector, the entire background line is marked out with a yellow exclamation mark.

<style>
.page-title { background: rgba(0,0,0,0.5), url('img/test.jpg') top center;
</style>

Can anyone tell me what I’m doing wrong.

[Shikkediel]

Looks like the CSS rule is missing it’s closing bracket }?

Reading the article I assume this is based on, background-color would have to be a ‘fake’ gradient for it to work by the way :

https://css-tricks.com/tinted-images-multiple-backgrounds/

[Author]

Posts