Adding linear-gradient to images in default theme

[Urbanbria]

I have been trying to add a linear-gradient to the main images on the default theme (see attached image),

Can someone please point me in the right direction?

I have been looking at both the global.css and hooks.css in the modules (theme config).

 

If anyone could help, it would be very much appreciated. 

[rocky]

I'm not sure what you are attempting to do. Those are static images, so you'll need to edit the images if you want to modify them, not use CSS.

[Urbanbria]

Rocky,

 

I can place a border round the images by adding a line of code to the CSS, is it not possible to add something like: 

linear-gradient(top, rgba(0,0,0,0.5), rgba(117, 55, 55, 0.5));

 to the CSS to create the effect on the images? Or it that only possible to do on a single linked image?

Please forgive my ignorance, as I am "learning as I go" 

 

Thanks 

[rocky]

After reading this, it seems you'll need more complicated code to do it.

[Urbanbria]

Thanks for the info. After spending hours "messing around" with the CSS, I think photoshop is my best bet!