Change Portfolio thumbnails opacity

  • Posted in : Photographer
  • alessandrocar88
    Participant

    Hello,

    is it possible to change portfolio thumbnails opacity?

    I’d like to decide both the opacity when the thumbnail is hovered with the mouse and when it’s not.

     

    Thanks

    ahmetsali
    Keymaster

    Hi, try this custom css code;

    .gallery-grid figure img {
        opacity: .7;
    }
    .gallery-grid figure:hover img {
        opacity: .5;
    }
    

    the second one is mouse hover opacity.

    Architextur
    Participant

    Hi, can i change the opacity colour? I would like to have a mouse hover ” opacity: .5;” in white not dark. how can i do this?
    Thanks

    serkan
    Moderator

    Hi Architextur,
    Above the custom css code will help you to change opacity color.
    Opacity 1 to 0 will get the dark. If that custom css code will not work for you, you should explain your issue clearly.
    Thanks

    Architextur
    Participant

    thanks. The css code works perfekt.
    But I would like to have a mouse hover opacity in WHITE not a BLACK. example: “opacity: 1.0;” makes a white field instead a black.
    how can i change the color?
    thx

    serkan
    Moderator

    Hi Architextur,
    You can try these custom css codes;

    .gallery-grid figure:hover { background: #fff; }
    .gallery-grid figure figcaption:hover { color: #000; }

    Thanks

    Architextur
    Participant

    works perfect. thanks you save my day.

    serkan
    Moderator

    You’re welcome, please don’t forget to rate the theme on themeforest if you liked it, thanks.

Viewing 8 posts - 1 through 8 (of 8 total)

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

License required for the following item
Login and Registration Log in · Register