Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • August 15, 2014 at 4:46 pm #304985
    blankonblank

    Hi –
    I’ve begun tweaking the title overlay for the masonry gallery (color change, etc.) Is it possible to move the overlay –which i have set to always appear–below the entire image at the bottom instead of covering the image? Or, alternatively, how can you control the opacity of the overlay so you can see the image behind and change the height of the overlay? the css is not clear.

    August 15, 2014 at 4:51 pm #304988
    Yigit

    Hi blankonblank!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .image-overlay {
background: transparent!important;
opacity: 1;
filter: alpha(opacity=1);
}

    Best regards,
    Yigit

    August 15, 2014 at 4:58 pm #304992
    blankonblank
    This reply has been marked as private.
    August 15, 2014 at 8:25 pm #305066
    Yigit

    Hey!

    Just to make sure that we are on the same page, we are talking about this overlay – http://i.imgur.com/aqQPQcy.png is that correct?
    If so, please add following code to Quick CSS instead

    .avia_transform a .image-overlay {
opacity: 0.7 !important;
background-color: transparent;
}

    Best regards,
    Yigit

    August 15, 2014 at 8:41 pm #305073
    blankonblank
    This reply has been marked as private.
    August 16, 2014 at 5:59 am #305182
    Ismael

    Hey!

    Thank you for the info.

    You can set the caption to always display on Element Title and Caption settings. Choose “Always Display”. This will also put the caption below the image.

    Best regards,
    Ismael

    August 18, 2014 at 4:08 pm #305808
    blankonblank
    This reply has been marked as private.
    August 19, 2014 at 4:31 pm #306404
    Yigit

    Hey!

    You can control opacity level with following code

    .avia_desktop .av-hover-overlay-active .av-masonry-image-container {
opacity: 0.7;
}

    Regards,
    Yigit

    August 19, 2014 at 6:06 pm #306451
    blankonblank
    This reply has been marked as private.
    August 19, 2014 at 9:11 pm #306526
    Yigit

    Hi!

    Please use following code

    #front figcaption.av-inner-masonry-content.site-background {
background-color: rgba(0,0,0,0.5);
}

    Regards,
    Yigit

    August 19, 2014 at 10:13 pm #306545
    blankonblank
    This reply has been marked as private.
    August 20, 2014 at 11:27 am #306744
    Yigit

    Disable CSS minifying feature on the plugin you are using then flush browser cache and refresh your page a few times

    Regards,
    Yigit

    August 20, 2014 at 2:40 pm #306852
    blankonblank
    This reply has been marked as private.
  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Masonry Gallery Title Overlay’ is closed to new replies.