openElement

I have a problem with the images corresponding to the social buttons in the site, that change when mouse hovers etc.

I slightly modified the sensode-black template and changed all the pages to black & blue (and got rid of the burgundy/maroon color used in sensode). I did the same for the social buttons, and I have now versions in black (normal) and blue (Mouse), and the same images are applied throughout the page.

Although In replicated the same configuration for three  YouTube video entries in one page, the social buttons behave differently in each entry. I have verified several times that the images selected are the good ones, and that there is no difference in the selected options (Styles->Customize->Code) but in spite if it, the behaviour differs from one another.

See in this page https://mydatamygain.com/Datoons.htm 

in  Datoon #1, the first entry, The facebook and LinkedIn buttons are blue and do not change, and only the twitter button behaves as it should (black in normal state, blue in mouse hover)

in Datoon #2, The facebook button is blue and does not change, and both LinkedIn and twitter button behaves as they should (black in normal state, blue in mouse hover)

in Datoon#3 it is even worse, facebook button is still blue in both modes, LinkedIn behaves ok but twitter button is in black in normal mode but then it uses the red/maroon image in the hover mode

Just to clarify, in all cases the image selected is the black for normal and the blue for mouse. All selections are the same, all codes are the same

What can be the reason?

I don't see how to find an answer without it.

Use wetransfer.com and send me the link to my email.  I will send it to you via the forum private messaging.

I reselected the images after unchecking Automatric Optimisation

I also removed the image into Modification group

Hi again,

I went through all the images again, since the solution chosen did not make the change in color between normal and Mouseover.

I went back to the Sensode Black template, and I found how to solve it... but the funny thing is that the issue is solved now but I do not know why.

In the actualites page,  the pan reseau sociaux has 3 buttons: Twitter, facebook and LinkedIn.

Twitter and Linkedin buttons where working ok (black in normal, blue when mouseover) , but the facebook button was always in blue.

I noticed that in the template, the Properties ->Behaviour -> automatic optimisation was ticked, and that the Property->Modification->Image was empty.

So I erased the image that was selected there (The blue) and in Styles-> Code, I verified that the Images were well selected  (Main Frame = Black image;  MainFrame->Over = Blue Image)

And it works now

But the funny thing is that the buttons of twitter are still selected in the other way (Property->Modification->blue Image), but they still work as they are expected (black in normal, blue in mouseover)

So, this post is (for once) not asking for any help... just informing how apparently one configuration works sometimes and others not.  I am sure there is something I am missing, but those are my two cents.