Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 9, 2016 at 11:28 am #722375
    Gavin Dixon

    Hi,

    Am looking to make some minor changes to our masonry gallery on our homepage.

    I would like to remove the arrow on the hover animation of the title and caption, increase the font and colour of the gallery title (which is currently a cyan colour i.e. Digital Printing, Web Design.) and for the block around the title and caption to have an transparent background instead of solid white please.

    Can you help?

    Thanks.

    December 9, 2016 at 12:44 pm #722396
    Nikko

    Hey Gavin!

    Try to add this code in Quick CSS (located in Enfold > General Styling):

    .av-masonry .avia-arrow {
    display: none !important;
}

#top figcaption.av-inner-masonry-content, 
#top figcaption.av-inner-masonry-content .av-masonry-entry-title {
    background: transparent !important;
}

#top #wrap_all figcaption.av-inner-masonry-content .av-masonry-entry-title {
    font-size: 24px;
    color: #fff;
}

#top #wrap_all figcaption.av-inner-masonry-content .entry-content {
    font-size: 18px;
    color: #fff;
}

    The 3rd block of code is for the the title and the last block is for the content, just adjust the values as you see fit. Hope this helps :)

    Regards,
    Nikko

    June 1, 2017 at 9:25 am #802431
    Gavin Dixon

    Thats great, can you provide the code to make the background with an opacity, as the text is lost on the image

    Thanks

    June 1, 2017 at 11:37 am #802476
    Nikko

    Hi,

    Can you try to add this css code:

    .home .av-masonry-image-container:hover {
    opacity: 0.5;
}

    Let us know if this helps.

    Best regards,
    Nikko

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