New Landing › How can we help? › Themeforest Theme Support › Neighborhood › Image hover overlay effect

Viewing 15 posts - 1 through 15 (of 20 total)
1 2
  • Back to forum
    Posted in: Neighborhood
  • November 6, 2014 at 5:19 pm #126277
    GTS75
    Member
    Post count: 240

    Hey – is it possible to add custom css to make all clickable images have a “light gray overlay effect” when someone moves their mouse over it? I don’t want any effect to take place on images that aren’t linked.

    Here is a site that does it:

    https://www.madewell.com/index.jsp

    Thanks for the help

    November 7, 2014 at 9:31 am #126389
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    Add this to your custom css:

    .spb_single_image .img-link img:hover {
  opacity: 0.7;
}

    – Kyle

    November 13, 2014 at 2:25 pm #128046
    Nunes
    Member
    Post count: 203

    Hi

    don´t work with cardinal?

    November 13, 2014 at 2:29 pm #128047
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Cardinal will have different css, please provide your link

    – Kyle

    November 13, 2014 at 2:33 pm #128049
    Nunes
    Member
    Post count: 203
    This reply has been marked as private.
    November 13, 2014 at 2:54 pm #128055
    Kyle – SUPPORT
    Moderator
    Post count: 35880
    This reply has been marked as private.
    November 13, 2014 at 3:14 pm #128067
    Nunes
    Member
    Post count: 203

    Hi Kyle, The answer appears private i can not get preview 🙁

    November 13, 2014 at 3:23 pm #128072
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,
    Try this one.

    
.age-id-2 .box-content-wrap img:hover {
  opacity: 0.7;
}

    -Rui

    November 13, 2014 at 3:25 pm #128074
    Nunes
    Member
    Post count: 203

    Hello Rui,

    Dont work, 🙁

    November 13, 2014 at 3:35 pm #128079
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Can you provide admin access?

    -Rui

    November 13, 2014 at 3:36 pm #128080
    Nunes
    Member
    Post count: 203
    This reply has been marked as private.
    November 13, 2014 at 3:46 pm #128086
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Try this:

    .box-content-wrap img:hover {
  opacity: 0.7;
}

    – Kyle

    November 13, 2014 at 3:49 pm #128088
    Nunes
    Member
    Post count: 203

    WORKS!!!!!! TNKS TEAM!

    November 13, 2014 at 3:52 pm #128089
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Great. Thanks Kyle
    Just notice now that my css didn’t worked because was missing a “p” and it should be .page-id-2

    -Rui

    November 13, 2014 at 3:54 pm #128091
    Nunes
    Member
    Post count: 203

    Hi Rui, just to understand your code but just like css official homepage is it? And Kyle is for the entire site , right?

  • Back to forum
    Posted in: Neighborhood
Viewing 15 posts - 1 through 15 (of 20 total)
1 2

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register