Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 17, 2017 at 4:00 pm #822709
    craig_corfield

    Hi Enfold,

    How can i change the layover colour of the masonary gallery caption on hover? I would like it to be blue with less transparency so that people can actually read the text?

    July 18, 2017 at 8:39 am #823143
    John Torvik

    Hey craig_corfield,

    You can add this code at Enfold Theme Options > General Styling > Quick CSS

    
#top .avia-button-fullwidth:hover {
background: #YOURCOLOR !important;
}

    Best regards,
    John Torvik

    July 18, 2017 at 9:15 am #823155
    craig_corfield

    Hi John,

    unfortunately that didnt work. When i inspect the element it returns the following:
    <div class=”av-masonry-outerimage-container”><div class=”av-masonry-image-container” style=”background-image: url(https://www.multi.co.za/wp-content/uploads/2017/02/3CX-Gold-Partner.jpg);”></div></div>

    I would like that hover background colour to be blue. Its not a button but the masonry element.

    Thank you

    July 20, 2017 at 4:15 am #824321
    Ismael

    Hi,

    Thank you for the info. Please use the following css code to adjust the overlay color.

    #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
    background: rgba(0,32,147,0.35);
}

    Best regards,
    Ismael

    July 20, 2017 at 9:24 pm #824864
    craig_corfield

    Hi Ismael,

    Perfect, Since updating for some reason all the overlay text no longer displays. It seems to cut it off just short. Should i just shorten the overlay text or can it be corrected?
    Craig

    July 25, 2017 at 8:56 pm #829794
    Basilis

    Hi,

    Can you please clear your cache and check again, letting us know what that would bring?
    Thank you

    Best regards,
    Basilis

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