Add hover effect to an image

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

Tagged: , ,

This topic contains 5 replies, has 2 voices, and was last updated by  Forum Moderator 7 months, 2 weeks ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 3, 2018 at 2:07 am #112781

    ryan.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 Moderator
    Participant
    • Topics: 0
    • Replies: 21144
    • Total: 21144
    Member since: August 16, 2013

    Hi,

    Kindly show us your website URL?

    Regards,
    Dave

    December 3, 2018 at 1:50 pm #112829

    ryan.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 Moderator
    Participant
    • Topics: 0
    • Replies: 21144
    • Total: 21144
    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.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 Moderator
    Participant
    • Topics: 0
    • Replies: 21144
    • Total: 21144
    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.