Shadow across multiple rows

Dear Team,

I am looking to create a shadow across multiple rows in a way that makes all of the rows look like they’re one box.

In the example, each of red arrows points at a row. If I place a shadow on each row, the shadow shows between each row. I’d like to make it all look like one box.

The page is here:
http://valuemonitoringinc.com/about-us/

Thank you so much!

Dan

Hello Dan,

Thanks for writing in!

Please inspect the section that’s holding the elements and under Border add the border as per your requirement. Here’s a screencast that you can take a look.

Thanks.

Prasant thank you for your reply.
Actually, what I’m looking for is no border.
I want the entire box above to have a shadow.
The trouble is that the box is made up of several rows.

Is there a way to have the box look like it’s all one row with a shadow?
Here’s the box I am speaking of: http://valuemonitoringinc.com/about-us/#values

Thank you again,

Dan

Hi Dan,

Please apply that BOX SHADOW configuration below on each of those ROWs.



More about CSS property box-shadow here.

Hope it helps,
Cheers!

1 Like

Thank you very much!

You are most welcome!

1 Like

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.