-
AuthorPosts
-
February 13, 2017 at 1:09 pm #746354
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,
JanFebruary 13, 2017 at 1:31 pm #746362Sorry, 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,
JanFebruary 14, 2017 at 11:29 am #746818Hi 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,
RikardFebruary 14, 2017 at 4:59 pm #746984Hi 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 #747328Hi,
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,
RikardFebruary 15, 2017 at 8:40 am #747344Sorry Rikard, forgot I was in constructief mode. These are my details.
February 20, 2017 at 5:39 pm #749491Hi,
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,
AndyFebruary 23, 2017 at 9:09 pm #751063Thanks Andy, works perfectly!
February 24, 2017 at 5:27 am #751239Hi,
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 -
AuthorPosts
- The topic ‘Background of portfolio element caption’ is closed to new replies.