WordPress.org

Ready to get started?Download WordPress

Forums

Spun
[resolved] Images in footer with fade effect (3 posts)

  1. LensFlairCoordinator
    Member
    Posted 1 year ago #

    Hi there,

    Here's my second little question regarding the beautiful Spun; is it possible to place images in the footer that retain the fade effect?

    I've had a play and managed to get images in the footer, have active links attached to them (I read that the fade effect is applied to links in the footer) but haven't managed to retain the fade yet.

    Any ideas would be great, along with simple instructions that assume I know far less about CSS than you.

    Danke.

  2. LensFlairCoordinator
    Member
    Posted 1 year ago #

    Any clues?

    I'm a little stuck on this, and very out of my depth with CSS.

    Thanks..

  3. LensFlairCoordinator
    Member
    Posted 1 year ago #

    So...

    I just had a third coffee and found a site that helped me figure it out.

    I placed the following code in the stylesheet:

    .fade {
       opacity: 0.25;
       transition: opacity .5s ease-in-out;
       -moz-transition: opacity .5s ease-in-out;
       -webkit-transition: opacity .5s ease-in-out;
       }
    
       .fade:hover {
          opacity: 1;
          }

    And the following code in the footer.php:

    <img src="myimageurl.jpg" alt="" class="fade" >

    And it worked a treat. Thanks to for the well-placed tutorial.

    Hooray!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic