Tagged: , ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • January 9, 2017 at 8:26 pm #731272
    GL360DDC

    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.

    January 9, 2017 at 10:46 pm #731323
    begrafiks

    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;
}
    January 10, 2017 at 7:17 am #731412
    Rikard

    Hi @GL360DDC,

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

    Best regards,
    Rikard

    January 10, 2017 at 12:37 pm #731525
    GL360DDC

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

    January 11, 2017 at 6:36 am #731876
    Rikard

    Hi,

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

    Best regards,
    Rikard

    January 12, 2017 at 12:43 pm #732617
    GL360DDC

    Thank you guys i am going to try this now!

    April 13, 2017 at 1:46 am #776993
    Koncium

    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)?

    April 13, 2017 at 6:56 am #777044
    John Torvik

    Hi,

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

    Best regards,
    John Torvik

    August 9, 2017 at 12:20 am #836091
    alromero

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

    August 9, 2017 at 7:20 pm #836568
    Sarah

    @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

    October 18, 2018 at 12:47 am #1023068
    millertimesites

    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;
}
    October 18, 2018 at 6:26 pm #1023552
    Victoria

    Hi millertimesites,

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

    Best regards,
    Victoria

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