images moves during a mouse over

Homepage › Community Forums › Adapt Theme Support › images moves during a mouse over

Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 6, 2012 at 12:20 am #1566
    sublimity
    Customer

      I deactivated all plugins and I am using the Adapt Theme.  But for some reason, if I have an image that is a link, any mouseover makes the image fade slightly (which I like and see in the Adapt Theme Demo), but it also moves the image slightly down and to the right.

      Any help would be appreciated.

      Thanks

      October 6, 2012 at 4:26 pm #1569
      Wes
      Moderator

        Can you send me the link to your post/page with the image?

        October 6, 2012 at 5:07 pm #1571
        sublimity
        Customer

          Yeah, here’s the link:

          http://www.pain-consultants.com/devsite/uncategorized/sample-moving-pic/

          Thanks

           

          October 6, 2012 at 8:53 pm #1574
          Wes
          Moderator

            Take a look on or around line 767 in your style.css file and remove or change the padding to 0. The reason its doing that is due to the padding that is added when a content image is hovered over. Removing the padding fixes it.

            #content a:hover img {
            -moz-transition:all .5s ease;
            -o-transition:all .5s ease;
            -webkit-transition:all .5s ease;
            transition:all .5s ease;
            opacity: .5;
            padding: 0;
            }

            Let me know if that works

            October 16, 2012 at 1:04 pm #1625
            sublimity
            Customer

              Thank you, that did the trick!

              Interestingly, I didn’t add that css code that created the movement–it seems to already be there.

               

              October 16, 2012 at 2:46 pm #1630
              Wes
              Moderator

                Yes its supposed to be there, I just pasted the code to show where to make the adjustment….to make it easier to find.

                Glad its working!

              • Author
                Posts
              Viewing 6 posts - 1 through 6 (of 6 total)
              • The topic ‘images moves during a mouse over’ is closed to new replies.