Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 29, 2018 at 8:31 pm #904411
    TheURLdr

    I used information from another thread here in support to code a fading roll over image with a code blog. I used the code from “Demo 1” on this page: http://css3.bradshawenterprises.com/cfimg/

    It works perfectly on my Mac, but on my colleague’s Mac the images are not fading and are appearing on the page one underneath the other (where you can see both the images at the same time). It’s not working in Safari either. Looks the same as on my colleague’s Mac with the images both being visible, with one below the other one.

    I’m lost as to why this is happening. Is there some transition code that needs to be added to the CSS?

    Thanks

    January 30, 2018 at 4:33 am #904599
    Mike

    Hey Kim,
    I wanted to confirm that your code was working in Chrome on Windows, yet I do not see where on your page that demo 1 should be working, is it the set of 3 images next to “Caldwell” that is broken?
    Can we also see the backend, admin login?

    Best regards,
    Mike

    January 30, 2018 at 4:43 am #904606
    TheURLdr

    Sorry Mike,
    I have these pics set under Caldwell Butler. The first image of the kid with the “fun-ner” tshirt holding the gun with the guy in the ski mask is just a normal pic set with the image block.

    Underneath that image is the code image that should fade and change when you roll over it. It’s currently set with the tin type old time photo of the guy seated on the top and when you scroll over it fades to the picture of the kid in the “fun-ner” tshirt with the gun and the guy in the ski mask. On my Mac everything looks great and the fad works just fine. On our other Mac, the pictures are each showing on the page (so 3 in all under Caldwell Butler) and nothing fades when you scroll over it.

    January 30, 2018 at 4:55 am #904612
    Mike

    Hi,
    Yes this is what I’m seeing too, the broken images. Please see screenshot in Private Content area.
    Can you please include a admin login in the private content area so we can take a closer look.

    Best regards,
    Mike

    January 30, 2018 at 5:08 am #904621
    TheURLdr

    Exactly! And that’s not what I see on my computer. ??

    Login creds below. Thanks so much!

    January 30, 2018 at 12:36 pm #904801
    Mike

    Hi,
    Is there a chance that you develop with a local css plugin? I didn’t see the needed css in the General Styling > Quick CSS field so I added it and now it is working for me, have your colleague check after clearing their cache.

    Best regards,
    Mike

    January 30, 2018 at 4:24 pm #904977
    TheURLdr

    Thanks so much Mike! Looks great. I had added the code via SFTP to the style.css file. Not sure what happened there, but I appreciate you fixing it.

    January 30, 2018 at 7:53 pm #905082
    Mike

    Hi,
    Glad we could help, we will close this now. Thanks for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Roll Over Image Not Working’ is closed to new replies.