New Landing › How can we help? › Themeforest Theme Support › Joyn › Edit Social Icons and Image Hover Icon

Viewing 12 posts - 1 through 12 (of 12 total)
  • Back to forum
    Posted in: Joyn
  • February 5, 2015 at 4:16 am #147380
    danpal
    Member
    Post count: 32

    Hi,

    1. Is there a way to remove the animated hover effect on the social icons?

    2. How do I remove the “eye” icon when hovering over images?

    Thanks for your help!

    February 5, 2015 at 9:16 am #147444
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    1) Try this:

    ul.social-icons li a:hover i {
  top: 0;
}
ul.social-icons li a:hover {
  background-color: transparent!important;
}

    2) 

    figure.animated-overlay figcaption i {
  display:none;
}

    – Kyle

    February 6, 2015 at 5:17 am #147738
    danpal
    Member
    Post count: 32

    Thank you Kyle! That worked.

    February 6, 2015 at 7:58 pm #147966
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Great. Thanks Kyle
    -Rui

    February 7, 2015 at 2:40 am #148015
    danpal
    Member
    Post count: 32

    One more question: How do I change the opacity on the overlay? Is there a way so that it doesn’t affect the portfolio thumbnails?

    Thanks!

    February 8, 2015 at 2:47 pm #148099
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Which element’s opacity do you want to change?
    Thanks
    Mohammad

    February 8, 2015 at 5:38 pm #148139
    danpal
    Member
    Post count: 32

    The blog post thumbnails and images.

    February 9, 2015 at 10:58 am #148315
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Try this:

    .spb_recent_posts_widget figure:hover .overlay {
  opacity: 1;
}

    If that doesn’t work please provide your link

    – Kyle

    February 9, 2015 at 7:45 pm #148525
    danpal
    Member
    Post count: 32
    This reply has been marked as private.
    February 10, 2015 at 1:52 am #148571
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    figure.animated-overlay:hover figcaption {
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:alpha(opacity=70);
}

    Thanks
    Mohammad

    February 12, 2015 at 3:56 am #149263
    danpal
    Member
    Post count: 32

    It worked. Thanks!

    February 12, 2015 at 6:34 am #149274
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    You most welcome.
    Thanks
    Mohammad

  • Back to forum
    Posted in: Joyn
Viewing 12 posts - 1 through 12 (of 12 total)

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