Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #731272

    Hi there,

    I’ve tried every piece of CSS on the forum (literally every piece).
    The masonry gallery caption element / title is set to the default colour (white).
    I want it to be a different colour.
    Please note I do not have any need for mouse over or hover effects – I just want to change the colour.

    #731323

    Hi @gl360ddc,
    have you tried with these codes (adjust the color as you like) :

    for the text color :

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

    for the overlay color :

    #top .av-caption-style-overlay a.av-masonry-item-with-image .av-inner-masonry-content 
    {
        background: rgba(255, 255, 255, 0.5) !important;
    }
    #731412

    Hi @gl360ddc,

    Did you try the suggestions @begrafiks posted and did you have any luck with them?

    Best regards,
    Rikard

    #731525

    Thank you for the assistance – I’ll try them later on and let you know.
    Thanks,
    G

    #731876

    Hi,

    Ok great, we’ll keep the thread open for you :-)

    Best regards,
    Rikard

    #732617

    Thank you guys i am going to try this now!

    #776993

    What could the CSS be to change a masonry tile that just has text (title and body content) from white to a different colour? (so not an image tile)?

    #777044

    Hi,

    May you provide us your website link? This way we can provide you a custom CSS code.

    Best regards,
    John Torvik

    #836091

    begrafiks ,
    Your code worked first time out! Awesome!!!!!!! Thank you!!!

    #836568

    @alromero we’re glad that that worked for you! @begrafiks Thank you for helping.

    For now we’ll keep this thread open for @gl360ddc.

    Cheers!
    Sarah

    #1023068

    this code worked wonderful for me on Desktop however on mobile the hover title and background color was turned on by default without hovering or clicking.

    Here is my CSS

    #top .av-caption-style-overlay a.av-masonry-item-with-image .av-inner-masonry-content 
    {
        background: rgba(247, 148, 34, 0.8) !important;
    }
    #top .av-caption-style-overlay a.av-masonry-item-with-image .av-inner-masonry-content * 
    {
       font-size: 40px !important;
    }
    #1023552

    Hi millertimesites,

    Can you disable caching and minification for now so that we can see where it is coming from?

    Best regards,
    Victoria

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.