Trouble applying CSS onto my html embed

Design help Custom code
#1

I have 3 windows that all contain an image (html-embed7). I want to apply box-shadow onto the image inside the windows.
I wrote the css code inside of the html embed 7 but it won’t display.
any help what am I doing wrong?

Here is my site Read-Only: [Webflow - kolnoakanada.com]
(how to share your site Read-Only link)

#2

(post deleted by author)

#3

First of all thank you for your time!
I think you misunderstood my problem: I wish to apply the box shadow to the image inside of the window - not to the window itself.
I had already written css inside of the “HTML Embed 7” but it won’t work.
I added a comment inside of the html embed “WHY IS THIS NOT WORKING?” so you could specify where the problem is.

this is how the image looks atm:

Screen Shot 2021-07-16 at 15.25.46
Screen Shot 2021-07-16 at 15.25.46704×208 199 KB

this is how the image should look with box shadow:
Screen Shot 2021-07-16 at 15.09.45
Screen Shot 2021-07-16 at 15.09.45836×338 375 KB

#5

Hi @roeylubin if you do not have further questions to this topic feel free to close your request

#6

Hey Stan, quite honestly - I couldn’t solve this issue. Ive added a div named “the-shadow” to which i applied the css box shadow but it wont work. Please let me know what have I been doing wrong or perhaps show me how to fix the issue on my own example :slight_smile:

#7

Hi @roeylubin if you will read code properly you will see that is solved with ::after pseudo class when you don’t use image as background.
One more thing I have to mention prevent further questions about inner is that inner doesn’t work on image element. I have already posted 3 possible ways above how to solve it, so please read code again and make sure you follow instructions.

#8

Thank you for the clarification. On a side note I’ll let you know I find your last comment unnecessarily unpleasant.

#9

hi @roeylubin I’m sorry If I have hurt your feelings but I’m not aware about anything wrong in my last comment. All I did was make sure you read responses with solutions fully and as another proof that solutions work I have invest my time to create for you another example that can be for you more clear if you weren’t able to solve your issue with 3 provided ways how to solve it. But if you find my responses not helpful and offending feel free to add me to list of ignored users.

#10

“If you read code properly” has a condescending aroma to it. We’re all here to learn together, and nobody forced you to answer and/or invest your precious time on this issue

#11

no problem

have a good one