Why the Warp items over and cover the background ?

Ekingfan

Why the Warp items over and cover  the background ?

Please review the photo  https://prnt.sc/qj7ue6 and website  https://dailycoffeetool.com/

Just want to Block B  no.2 and no3  have some shadow,

Method 1.  I used  box-shadow: 1px 2px 3px 4px #333 ,but it doesn't work ,how do I use CSS correctly ?

Method 2.1  

               I used shadow background photo ,but as you see .Block B No1 ,No over and cover the background photo,how do I make that ?

and the Block A also  over and cover the background photo.

Bryan

Hello,

do you want those big boxed to have shadows or the small ones?

Please explain what do you want to do exactly.

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Ekingfan

I made some change,  

1  Just tell me in my photo No.1 arrow ,why my photos cover the backgroud photo ?  How do I change the options ?

2 I want to use CSS  ,how should I do ?

Bryan

It is best to add the background image for the shadow in the wrap element, not the section.

If you want to use CSS, you also should add the box-shadow property for the wrap element.

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Ekingfan

Now ,just please tell me,  I pointed out https://prnt.sc/qkcstx , why it covers my background photo ?? how to show my background photo ??

Pablo

That's because you set the white background on the wrap, please change that to transparent:

http://prntscr.com/qkctzl

http://prntscr.com/qkcu95

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Ekingfan

Thank you very much , I did it