Image hover effect

Hi Nora,

I don’t think you need a plugin for that, it should be possible with CSS. You can try something like this for example:

.team-social {
    background-image: url(https://kriesi.at/themes/enfold-2017/files/2017/02/people-2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

Best regards,
Rikard

Hi Nora,

You could try using the nth child selector: https://www.w3schools.com/cssref/sel_nth-child.asp. So your CSS would look something like this if you wanted to target the first child element:

.team-social:nth-child(1) {
    background-image: url(https://kriesi.at/themes/enfold-2017/files/2017/02/people-2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

You would likely need to be more specific in your CSS if you only want that to apply to a single element. You could add the elements in a Color Section and give it an ID for example, then you could use CSS like this:

#your-section-id .team-social:nth-child(1) {
    background-image: url(https://kriesi.at/themes/enfold-2017/files/2017/02/people-2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

Best regards,
Rikard