New Landing How can we help? Themeforest Theme Support Dante Portfolio / Effect

Viewing 10 posts - 1 through 10 (of 10 total)
  • Posted in: Dante
  • #110056
    Vitryph
    Member
    Post count: 44

    Hi to all SW team !

    I’m using Dante at the moment, all the theme is awesome.
    -> I’m just wondering, if there is any way to change the portfolio effect. I’m looking for something more discreet than the big green (or other color) layer above the picture. I would like something like just a black / grey layer with an 30% opacity

    For example for the fade: http://www.berluti.com

    Thanks for your advice

    Best regards,

    Philippe

    #110068
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    Can you provide us the link to your portfolio page?

    -Rui

    #110074
    Vitryph
    Member
    Post count: 44
    This reply has been marked as private.
    #110098
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    Try adding this to your custom css:

    figure.animated-overlay:hover figcaption {
      opacity: 1;
      transform: none;
    }
    figure.animated-overlay figcaption {
      background-color: rgba(100, 100, 100, 0.8)!important;
    }

    – Kyle

    #110099
    Vitryph
    Member
    Post count: 44

    Woh ! Great great ! Thanks for your support and help !

    -> Can I just you ask if I’m right:
    If I want to play with this CSS :
    -> I can change the color (100, 100, 100)
    -> Opacity max is 1 and here fixed at 0,8 ?

    Thanks !

    #110103
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    yes you can change those values

    – Kyle

    #110106
    Vitryph
    Member
    Post count: 44

    Thanks !

    Last question ๐Ÿ™‚
    Is that possible to remove the circle with the arrow ?
    It would be very nice.

    Thanks a lot

    Philippe

    #110110
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Of course, add this to your custom css:

    figure.animated-overlay figcaption .thumb-info i {
      display: none;
    }
    figcaption .thumb-info-extended h5, figcaption .thumb-info-extended h4 {
      margin-top: 5px;
    }
    figcaption .thumb-info-extended h4 {
      margin-top: -20px;
    }

    – Kyle

    #110111
    Vitryph
    Member
    Post count: 44

    Perfect ! thanks ๐Ÿ™‚

    #110112
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    No problem

    – Kyle

Viewing 10 posts - 1 through 10 (of 10 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