Trying to add an icon on a page

I think you need to add the class of “top” to your image to get the style to match (at least in regards to the opacity issue).

That would look like:

<img class="top" src="https://thais-breton.com/wp-content/uploads/2015/10/XCENTRIC-0.jpg" alt="XCENTRIC-0" width="390" height="219" class="alignnone size-full wp-image-839" />

Thanks Allisonplus, this worked, but I still have the alignment problem!
https://thais-breton.com/corporatevideos/

It looks like because you added in a new block, the margins that are already set are upsetting the balance, so to speak.

I think your first image on every row shouldn’t have margin-left set but the other ones should to space them out uniformly; does that make sense?

Yes, thank you.

So the first image of a row should be:

<div style=”width: 32%; float: left;”>
<div id=”cf” style=”width: 100%; float: left;”>

and other images:

<div style=”width: 32%; margin-left: 2%; float: left;”>
<div id=”cf” style=”width: 100%; float: left;”>

?

Yup, exactly! If that doesn’t work, let me know & we can troubleshoot more.

I think it worked, except for the bottom left image which looks not aligned.

Looks fine on my end! Do you think it looks slightly off because of the extra white-space in the photo itself?

maybe you’re right, thank you so much for everything Allisonplus!

You’re welcome ??

Dear Allison,
This was 3 months ago! And I’m having the same problem again today so I went back to our exchange only to realise I had not fixed the problem at all. Indeed with this code:

<img class=”top” src=”https://thais-breton.com/wp-content/uploads/2015/10/XCENTRIC-0.jpg&#8221; alt=”XCENTRIC-0″ width=”390″ height=”219″ class=”alignnone size-full wp-image-839″ />

I’m missing the link! So for the past 3 months I didn’t realise that when people clicked on the link all they could see was a picture, but no one complained.

So today I’m trying to add icons to this page: https://thais-breton.com/personal-work/
And as you can see, the first icon looks fine, but it’s supposed to be doing the opposite (start with an image and when you put the mouse on it, text appears), and the other one is doing the weird half fading thing. You can see on other pages what it’s supposed to be doing…

Thank you again if you’re still able to help!
Warm regards

This has been resolved in a new topic ??
No need to read the previous message.
Thank you!