Skip to main content

Hello,


I’m having trouble getting my custom CSS to show up in Chrome and Firefox. It displays fine in Safari, but I can’t get it to show up in the other two.


The CSS I’ve written isn’t anything special, it adds custom-sized drop shadows to rectangles located behind my images, so I’ve called out those #id’s and grouped them in my selector with commas.


<style>

/* allows for elements to spill beyond Unbounce's warning area */
lp-pom-root {
overflow: hidden;
}

/* custom-sized drop shadows on rectangles behind images */
#lp-pom-box-72, #lp-pom-box-76, #lp-pom-box-82, #lp-pom-box-106, #lp-pom-box-111, #lp-pom-box-116 {
box-shadow: 0 2px 50px 0 rgba(49,78,84,0.56;
}

</style>

Here’s screenshots of what I’m getting…




As you can see, the shadows appear in one browser but not the other. I could use a hand, if someone has any ideas.


Thanks,

Shane

Hi @shoodwin,


Just a quick look at the code and it seems you are missing a closing bracket after your rgba values.



Best,

Hristian


facepalm


Thank you Hristian. Much appreciated 🙂


Reply