Archived topic
Fit the box shadow around an image
3 replies · Started by Oliver on August 20, 2021
Viewing posts 1–4 of 4
Hi there,
I've added box shadow to the image of a dog being walked on this page:
https://drbuzby.toegrips.com/dr-buzbys-encore-mobility-luther-review/
Using this CSS
.portrait-luther-walking {
box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}However there's a lot of padding on the left and right, so it looks weird. Is there a way to remove this padding so that the box shadow fits the image?
https://share.getcloudapp.com/Wnu0JA66
Thanks,
Oli
Hi there,
the portrait-luther-walking class gets added to the image container, so you need to adjust your CSS to target the img inside it like so:
.portrait-luther-walking img {
box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}Thanks David!
You're welcome
This archived topic is closed to new replies.
