Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 17, 2015 at 4:49 am #474673
    djshortkut

    Support provided me some quick css (below) to always have the image caption displayed on mobile devices which works great. My question is, is it possible to have it so there is not an opacity overlay on the image? I tried changing the opacity to 0 but when I do that you can’t see the caption anymore. Is there a way to do this? Thanks!

    @media only screen and (max-width: 989px) {
.av-overlay-on-hover .av-image-caption-overlay {
  opacity: 1;
  filter: alpha(opacity=100);
}}
    July 17, 2015 at 7:35 am #474692
    Basilis

    Hey djshortkut!

    If you remove the opacity, please add a color for the font, and try also the display: table and let us know if that is fixing the issue for you.

    Best regards,
    Basilis

    July 21, 2015 at 9:12 pm #476727
    djshortkut

    I want to keep the color of the font white. Will this work?

    July 22, 2015 at 4:34 pm #477194
    Dake

    Hi!

    Try the below css:

    .av-caption-image-overlay-bg {
    background-color: transparent !important;
}

    This should remove the background, but keep the white text.

    Best regards,
    Dake

    July 27, 2015 at 11:46 pm #479344
    djshortkut

    Thanks, I tried putting this code in but the background of the images still has an opacity. Anything else I can try?

    July 28, 2015 at 4:19 pm #479787
    Dake

    Hey!

    Ensure that you have a “.” before the class name.

    http://i.imgur.com/BEDZJEg.png

    Regards,
    Dake

    July 28, 2015 at 5:15 pm #479815
    djshortkut

    Awesome, that did the trick! You can close this thread.

    July 28, 2015 at 5:44 pm #479838
    Dake

    Hey!

    Awesome, glad we could help :)

    Cheers!
    Dake

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Image Caption on Mobile Device’ is closed to new replies.