Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #1371218

    Hi
    I am trying to apply a particular kind of box-shadow to an image.

    When the Box Shadow is applied though the Image – Styling section the shadow is applied directly to the image, which is great. But when I do something similar but using a particular kind of box-shadow I can’t get it to apply to the image, just the column its in.

    This is what I have tried:
    I have applied a Custom ID Attribute – ‘box’- to the image and put this in Quick CSS
    #box {
    box-shadow: 10px 25px 50px -12px rgba(0,0,0,0.25);
    }
    This works but the box shadow works on the column the image is in, not the image itself.

    You can see the results in the link below.

    How do I target the image itself and not the column container?

    many thanks

    Peter

    #1371219

    Sorry, ignore all that and close this. I just realised it needs to be #box img { box-shadow….}

    many thanks

    Peter

    #1371222

    Hi Peter,

    Glad you figured it out and thanks for the update :)

    Let us know if you have any other questions and enjoy the rest of your day!

    Best regards,
    Yigit

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘image box-shadow’ is closed to new replies.