Add hover effect to an image

Home › Forums › All Other Themes › Add hover effect to an image

Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 3, 2018 at 2:07 am #112781
    ryan.gernandryan.gernand
    Member
    • Topics: 5
    • Replies: 8
    • Total: 13
    Member since: October 26, 2018

    I have some images at the top of my front page under the slider. I’d like them to have the hover effect that shows up on the Team Members.

    Is there a css class I can add to them or an easy way to do that?

    December 3, 2018 at 11:36 am #112821
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 26638
    • Total: 26638
    Member since: August 16, 2013

    Hi,

    Kindly show us your website URL?

    Regards,
    Dave

    December 3, 2018 at 1:50 pm #112829
    ryan.gernandryan.gernand
    Member
    • Topics: 5
    • Replies: 8
    • Total: 13
    Member since: October 26, 2018

    http://impact2818.org/wpbeta19/

    December 4, 2018 at 5:53 am #112868
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 26638
    • Total: 26638
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    .impfrontlinks {transition: all .6s ease-out;}
.impfrontlinks:hover { background:#f19608;}

    Regards,
    Dave

    December 4, 2018 at 1:02 pm #112970
    ryan.gernandryan.gernand
    Member
    • Topics: 5
    • Replies: 8
    • Total: 13
    Member since: October 26, 2018

    That is excellent! THank you!

    December 4, 2018 at 1:04 pm #112972
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 26638
    • Total: 26638
    Member since: August 16, 2013

    🙂

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.