Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #651575

    Hey guys,
    I didn’t found a solution for my problem, I tried different css codes you already provided in different threads but I can’t get it running! I have not really any idea about coding so please as simple as possible! :)

    1. Problem
    When I activate in Masonry / Element captions / show title, the effect from grey to color doesn’t work
    When I deactivate this option the effect works

    I would like to have this transition from grey to color and the text been shown best centered and the possibility changing the texts color!

    Any idea?

    I use this code I found in the forum:
    .av-masonry-image-container {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; /* IE 6-9 */
    -webkit-transition: all .6s ease;
    .av-masonry-image-container:hover {
    filter: grayscale(0%);
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    filter: none;

    2. Problem
    Under the second link shared private, about me, under “other skills” and “my leisure activities” the text of some of the icons is not centered, while all the others are?! Any idea on that?

    3. Problem
    The third link, the videoplayer is not showing up while the other videos does!

    Thanks for your help!!


    Hey Sebastian,

    Thank you for using Enfold.

    1.) Where can I find the masonry element with the title enabled? We tested the css code and it works even if the title and excerpt are enabled.

    2.) Add this in the Quick CSS field:

    .av-image-caption-overlay-center {

    3.) Did you use the video element or shortcode?

    Best regards,


    Hello, thanks for your reply!

    1.) Masonry with the black and white to color transition problem, the color is not showing up while mouseover
    Settings, NOT Working

    With this settings, the color changes, if the text is not centered, …
    Settings WORKING

    To the problem above, how can I additionally change the size and color of the text?!

    2.) Thanks! This is working now!

    3.) I used the Video element under Media elements with the full link length as shown in the example!
    Settings I used



    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    Best regards,


    Thanks for your reply, I managed it somehow, … So far, it is working for me!

    Ticket can be closed!



    Great, glad you got it working and thanks for letting us know :-)


Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Masonry black & white to color while mouseover works but Title is not showing up’ is closed to new replies.