Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
adrianye

How to add drop shadow to gallery grid images?

Question

Hello,

How do I add drop shadow to images that are in a Gallery Grid format? I can only find custom CSS for images that are not in a gallery grid.

I'd like to imitate the drop shadow here (link), but I don't want the drop shadow to exist only during the hover. I want the drop shadow to be there without having to hover over the image.

Please see screenshot and more info below. Thank you in advance!

Website: http://www.adrianye.com

Theme: York

 

Example of images in gallery grid:

253595735_ScreenShot2019-12-24at11_11_13PM.thumb.png.51c1068e990a4d1b9ff18ec15cb0195a.png

Share this post


Link to post

2 answers to this question

Recommended Posts

  • 0

You mean drop shadow, or hover effect?


Send me a message if you have any questions (free 10 minutes).

4000+ free code: Adirondack - Avenue - Brine - Bedford - and more (all 7.0 template & 7.1)

Useful guide: How to share url (trial plan) - 2 languages site - 3 languages

Plugins: Product Enquiry Form - Product Color/Image Swatch VariantLightbox Anything

Learn CSS Basic: Treehouse - W3Schools - Flexbox

Other groups: SS Customization Resource Group - SS CSS Support - SS Community

 

Share this post


Link to post
  • 0
22 hours ago, tuanphan said:

You mean drop shadow, or hover effect?

I'd like to just add a drop shadow to each of the three images. No need for a hover effect.

Edited by adrianye

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...