Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 12, 2017 at 6:31 pm #875780
    ariaprayogi

    Hi guys,

    I would like to set the mouse overlay to black with 0.3 opacity in masonry blog posts. How to do that? Right now the white text is hard to read.

    Thank you

    November 12, 2017 at 10:46 pm #875868
    Basilis

    Hey ariaprayogi,

    Please add the following

    
#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content * {
 color: #000 !important;
}

    Thank you

    Best regards,
    Basilis

    November 13, 2017 at 3:41 am #875911
    ariaprayogi

    I’m sorry I wasn’t very clear, what I meant was, a darkened black overlay over the whole image (with 0.3 opacity), with white text in front of it.

    2nd question, is it possible to pin the 1/3 column so when I scroll through the images on the 2/3, the text doesn’t get lost to the top, so it’s kind of separate scrolls for 1/3 & 2/3?

    Thank you.

    November 13, 2017 at 10:07 pm #876312
    Basilis

    Hi,

    Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Best regards,
    Basilis

    November 13, 2017 at 10:23 pm #876322
    ariaprayogi

    Okay, that’s not a problem, but how about this? I think this one would be easy enough right?

    “I’m sorry I wasn’t very clear, what I meant was, a darkened black overlay over the whole image (with 0.3 opacity), with white text in front of it.”

    Thanks.

    November 14, 2017 at 5:17 pm #876680
    Victoria

    Hi ariaprayogi,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    November 14, 2017 at 7:39 pm #876748
    ariaprayogi
    This reply has been marked as private.
    November 16, 2017 at 10:14 pm #877781
    Basilis

    Hi,

    Please use

    #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content * {
    color: #fff !important;
    background-color: rgba(0,0,0,0.3);
    }

    It should be fix it for you.

    Best regards,
    Basilis

    November 17, 2017 at 4:31 am #877893
    ariaprayogi

    Thank you, but it is still not what I had in mind, sorry. Good thing is after looking around, I found the correct code.

    figcaption {
    background: rgba(0, 0, 0, 0.5) !important;
}

    Thanks.

    November 17, 2017 at 4:22 pm #878158
    Victoria

    Hi ariaprayogi,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.