Tagged: ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 8, 2019 at 2:07 am #1076191
    finne79

    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.

    March 11, 2019 at 9:58 pm #1077506
    Victoria

    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

    March 12, 2019 at 12:11 am #1077586
    finne79

    Hey Victoria,

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

    Thanks.

    March 12, 2019 at 10:03 pm #1078000
    finne79

    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.

    March 13, 2019 at 7:37 pm #1078350
    Victoria

    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

    March 15, 2019 at 12:14 am #1078950
    finne79

    Hi Victoria,

    this code works perfekt and also per quick css.

    thanks for your great solution.

    March 16, 2019 at 9:59 am #1079413
    Rikard

    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

    March 17, 2019 at 3:56 am #1079514
    finne79

    Hi Rikard,

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

    Thanks for the great support.

    March 18, 2019 at 2:19 pm #1079896
    Rikard

    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

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