Tagged: ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1076191

    Aloha Kriesi Team.

    how can i custom the /masonry-portfolio/ image opacity by mouseover?

    In the basic settings i choosed the white overlay image effect. But i’m not sure if that works, how it should works. So if the mouse comes over the image the picture becomes a grey look with a white title. It looks good, but it would be great if the picture becomes a still darker look or an other transparent color for a better contrast for the white title/description.

    hope you guys could swing this setting with an easy css code.
    Thanks.

    #1077506

    Hey finne79,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    .av-inner-masonry-content-pos-content {
            background-color: #807c7cb5;
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1077586

    Hey Victoria,

    it does’nt work but i’ll try to put it in the custom.css.

    Thanks.

    #1078000

    Hi Victoria,

    i’ve put the code into the custom.css but it’s not the solution. Only the title has colored background. But it would be great if it’s possible to change the color from from the image overlay and transparency for an more contrast to the white title.

    Thanks.

    #1078350

    Hi finne79,

    You can change the masonry color by playing with this css:

    
    #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
        background: rgba(184, 91, 91, 0.35);
    }
    

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #1078950

    Hi Victoria,

    this code works perfekt and also per quick css.

    thanks for your great solution.

    #1079413

    Hi,

    Great, I’m glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    #1079514

    Hi Rikard,

    Yip, you can close it.
    It works all good.

    Thanks for the great support.

    #1079896

    Hi,

    Great, thanks for letting us know. I’ll close this for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Masonry Portfolio – Image overlay opacity with title’ is closed to new replies.