New Landing How can we help? Themeforest Theme Support Clique change overlay opacity

Viewing 4 posts - 1 through 4 (of 4 total)
  • Posted in: Clique
  • #56045
    sqb
    Member
    Post count: 23

    Hi,
    Can you please explain what css code I need to use to change the opacity value of the overlay in the portfolio grid? I want to change the value, not turn it off.

    Thanks!
    S

    #56199
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    Just add the code bellow to the Clique custom css option in General Options.
    In the example bellow I turn the opacity into half of what it was, from 100 to 50 and 1 to 0.5

    .portfolio-items li:hover {
    
      	cursor: pointer;
      	filter:alpha(opacity=50)!important;
      	opacity: 0.5!important;
    
    }

    Best Regards,
    Rui

    #56205
    sqb
    Member
    Post count: 23

    Thanks Rui,

    I would like to keep the tile directly under the cursor fully visible (no overlay or overlay opacity:0) and want the overlay opacity above the other tiles at approx. 40% ).

    I tried, but it doesnt seem possible.

    Is that correct?

    S.

    #56207
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    The previous code that I sent you is to change the opacity of the Portfolio Item when you are with the mouse over.

    The code below changes the opacity of the rest of the grid.

    .portfolio-items:hover > li {
       	filter:alpha(opacity=40)!important;
       	-moz-opacity: 0.4!important;
       	opacity: 0.4!important;
       }

    Let me know it works

    Rui

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

You must be logged in to reply to this topic.