Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • February 13, 2017 at 1:09 pm #746354
    graphicsplus

    Hey guys,
    I’m using the default display (caption at the bottom of the elements image) in my masonry portfolio, hiding it on mouse hover. Is there a way to change the background color of the caption and also it’s opacity? I would like it to be somewhat transparent.

    Thanks,
    Jan

    February 13, 2017 at 1:31 pm #746362
    graphicsplus

    Sorry, I was looking in the wrong place. Just found the solution in al older topic.

    .av-masonry-item-with-image .av-inner-masonry-content {
    background:rgba(255, 255, 255, 0.5)!important;
    }

    But now the small tilted square in the center top of the overlay (the ‘arrow’ pointing up) is really visible. Can I change it’s opacity and color as well, or remove it completely?

    Thanks again,
    Jan

    February 14, 2017 at 11:29 am #746818
    Rikard

    Hi Jan,

    The 0.5 bit of the code you posted is controlling that:

    .av-masonry-item-with-image .av-inner-masonry-content {
background:rgba(255, 255, 255, 0.5)!important;
}

    If you set a lower value, like 0.4, it should increase the opacity. Setting it to 0 should remove it altogether.

    Best regards,
    Rikard

    February 14, 2017 at 4:59 pm #746984
    graphicsplus

    Hi Rikard,
    Thanks, it is working now for the caption background. But I was referring to the little square that makes the ‘up arrow’ on the caption background (see jpeg I added). That still remains white now. I’ve added .avia-arrow to the code, but that doesn’t seem to work…

    .av-masonry-item-with-image .av-inner-masonry-content .avia-arrow {
    background:rgba(255, 255, 255, 0.7)!important;
    }

    February 15, 2017 at 7:56 am #747328
    Rikard

    Hi,

    Ok, thanks for the feedback. I’m not able to inspect the element though since your site is in construction mode. Could you post login details in private so that we can have a closer look please?

    Best regards,
    Rikard

    February 15, 2017 at 8:40 am #747344
    graphicsplus

    Sorry Rikard, forgot I was in constructief mode. These are my details.

    February 20, 2017 at 5:39 pm #749491
    Andy

    Hi,

    you can change it’s color with this code:

    .avia-arrow {
background-color: red !important;
}
or remove it with this:
.avia-arrow {
display: none;
}

    Hope this helps!

    Best regards,
    Andy

    February 23, 2017 at 9:09 pm #751063
    graphicsplus

    Thanks Andy, works perfectly!

    February 24, 2017 at 5:27 am #751239
    Nikko

    Hi,

    Glad we could help!
    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Background of portfolio element caption’ is closed to new replies.