Hi
For a new site with boxed layout I want to apply rounded corners to the main container only (.main_color), without the header.
using “box-shadow: 7px 7px 30px -7px rgba(0,0,0,0.45);”
This only works on the selector #main and then the header also has a shadow.
(BTW using “border-radius” on .main_color works fine, also applying box-shadow only produces a fraction of a shadow in each rounded corner)
What am I doing wrong?
Thank you or your help
Michael
Hi Rikard,
for the time being, during building it is http://test2018.mueller-gartenplanung.de/
then it is http://mueller-gartenplanung.de/
Kind regards
Michael
Hi Michael,
Thanks for that, though I’m not sure I understand what you need help with? The border radius looks to be working fine on my end.
Best regards,
Rikard
Hi Rikard,
yes, border radius is fine. I also try to have a shadow only for the container with rounded corners, and not the header above.
I could not find the CSS selector to achieve that
Kind regards
Michael
Hi Michael,
Box shadow won’t be seen since that element is 100% wide, you will have to add margins or make it less wide for it to show. For instance:
.main_color {
box-shadow: 3px 3px 3px #000;
margin: 5px;
}
Best regards,
Rikard
Hi Rikard,
got it, excellent. Thank you for your help.
Kind regards
Michael