Code to create shadow on MULTI ROW section images

Store Design
1

Is someone able to provide some simple code to add shadow to multi row (not multi column**)** section images (Origin theme)?

I need to put the code in my base.css file.

Thank you!

2

Hey @alongsideyou ,

Of course! This should work beautifully:

/* Add shadow to multi-row section images */
.multirow .image-with-text__media {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 5px 15px rgba(0, 0, 0, 0.1) !important;
  transition: box-shadow 0.3s ease-in-out !important;
}

/* Optional: add a hover effect for a more interactive feel */
.multirow .image-with-text__media:hover {
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1), 0 10px 25px rgba(0, 0, 0, 0.1) !important;
}

Feel free to reach out if you’ve any more questions for us.

Cheers!
Shubham | Untechnickle

1 Like
3

This is perfect! Thank you so much.