Feature section – Images do not appear as supposed to

Thank you for fast reply. I installed Acme Fix Image plugin and fixed all medias. Also, I had already set the medias size in the media settings to the recommended sizes in the theme documentation (I read it before starting to customize my website and follow all the recommendations). The colors didn’t seem to have changed. my white still appear light grey although it is clearly white on the saved files like shown in my first post.

These images are uploaded in the Feature Section using the custom option.

Again, thanks a lot for your time.

Yes sure!

http://www.monbonheuramoi.com/

I create the images 536 x 232 with a resolution of 300 pixels/inch. I use the same resolution on all my images and they look fine. I also save all my images using the ‘Save for Web’ option in Photoshop and choose JPEG High (Optimized). All the other images look fine except these ones. And they only look like this once uploaded in this section. The original images are clear and white is white.

I hope you will find the problem! This is the only thing I couldn’t solve by my self. 🙂

I just found it! In the CSS file:

}
/*hover */
.at-overlay {
background: rgba(45,45,45, 0.15);
width: 100%;
height: 100%;
display: block;
margin: 0;
padding: 0;
}

I change the value of the background to background: rgba(45,45,45, 0.0);

• This reply was modified 6 years, 6 months ago by Jenilee Meagher.

It fixed the problem. There was a 15% dark grey overlay background over the image, which I put to 0% by changing the value to rgba(45,45,45, 0.0) instead of rgba(45,45,45, 0.15).

I didn’t notice any other issue related to the change I did. Images now show properly. 🙂