Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 1, 2015 at 2:12 am #403979
    CharlieTh

    The explanation on this message: #380624 worked wonderfully to change font.

    Is it possible that the BACKGROUND color of the caption block could change for that same hover?

    For example, changing .av-inner-masonry-content site-background{background-color:yellow} will change ALL the background blocks for title and caption…but only want to change the color, as the explanation above detailed, on hovering over the gallery square.

    Any ideas?

    The quick CSS on that message was:
    .av-masonry-entry.isotope-item:hover .av-masonry-entry-title {
    color: red !important;
    }

    If I change background color within same CSS, it puts background-color ONLY behind title.

    Thank you!

    March 2, 2015 at 5:24 pm #404596
    Ismael

    Hi CharlieTh!

    Thank you for using Enfold.

    You can add this to the Quick CSS field:

    .avia_desktop.avia_transform3d .av-caption-on-hover .av-masonry-entry.av-masonry-item-with-image:hover .av-inner-masonry-content {
background: yellow;
}

    Best regards,
    Ismael

    March 3, 2015 at 1:58 am #404888
    CharlieTh
    This reply has been marked as private.
    March 4, 2015 at 5:17 am #405548
    Rikard

    Hey!

    The link you provided leads to a 404 page, could you please check it and resubmit?

    Regards,
    Rikard

    March 4, 2015 at 4:31 pm #405846
    CharlieTh
    This reply has been marked as private.
    March 5, 2015 at 8:36 am #406259
    Ismael

    Hey!

    Alright. Please replace it with this:

    .main_color .container .av-inner-masonry-content:hover, .main_color .container .av-inner-masonry-content:hover .avia-arrow {
background: yellow;
}

    Cheers!
    Ismael

    March 5, 2015 at 4:23 pm #406481
    CharlieTh

    Thank you, Ismael…worked perfectly.

    Now, I need to examine step by step and see WHY your answer below worked!

    .main_color .container .av-inner-masonry-content:hover, .main_color .container .av-inner-masonry-content:hover .avia-arrow {
    background: yellow;
    }

    Appreciate your taking the time. Just what I needed.

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Masonry Gallery – Color Captions Revisited’ is closed to new replies.