Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 19, 2016 at 11:15 am #662402
    richardbeatty

    Hi Guys!

    Any chance for a quick CSS to do the following!

    Masonry: Request that the overlay/transparency is changed between 0 and 7
    … and change the hover transparency to between 0 and 1

    (I want the image to be lighter as they are already dark enough).

    Thanks!!

    July 19, 2016 at 4:58 pm #662634
    Andy

    Hey richardbeatty,

    Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Andy

    July 20, 2016 at 12:07 am #662732
    richardbeatty

    Hi Andy

    Vasectomy Brisbane

    Travel Clinic

    In both sites, there are 2 x 3 rows of masonry on the home page – near the bottom (eg. hepatitis A etc)

    There is large white font overlay.

    The images are too dark, and I’d like the images (WITHOUT hover) to be their normal appearance … without a grey opacity.

    However, there needs to be some sort of change on hover – I thought I’d try making them darker on hover.

    Please send across some quick CSS to do both of these things, and I’ll play with it!

    Thanks

    July 20, 2016 at 11:36 am #662883
    Andy

    Hi,

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

    Best regards,
    Andy

    July 22, 2016 at 12:09 am #663631
    richardbeatty

    Thanks that works perfectly !!

    July 22, 2016 at 2:31 pm #663873
    Rikard

    Hi,

    Great, glad we could help :-)

    Let us know if you should need any further help on the topic.

    Regards,
    Rikard

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