How to remove the blur effect on images at the top

Hello,
How do I remove the blur effect on the feature pictures on the main page. http://businessdayghana.com
In other words, the 5 feature images looks blurry (or dark) and I would like to remove all effect on them so that they appear just simple as they are uploaded with no effect.

Thank You,

Your images look fine to me and not blurry or dark.

Hi

If you’re referring at the images from big grid you can remove that gradient using custom css in theme panel > custom css: http://screencast.com/t/hXsuugHFjP01

.home .td-grid-style-1 .td-module-thumb a:last-child:before{
background: none!important;
}

Let me know how it goes and provide more details if this is not what you mean.

Thanks!

Thanks Andrei, from the screenshot, that is exactly what I want to get as result; However, when I copied and pasted the css above in custom CSS of theme panel, nothing changed. I don’t know why ?

Hi

Please make sure you added the css exactly as it is, also remove any other css code (if you have one), make sure you clear all caches, browser cache too and test again. If you made any customization please make sure that the code it’s added properly, for example check if there are any characters which may affect it: http://screencast.com/t/hgDgvFpZsI

Let me know how it goes and if the problem persist please provide a screen from theme panel > custom css area so I can provide a more accurate solution.

Thanks!

Hello Andrei. You are awesome !!! it works and now no more shadow on the picture.
Thanks so much.