Did you try in different browsers?
box-shadow is one of those selectors that needs multiple definitions depending on the browser.
Try this web tool to generate the code for you. And CSS Tricks is always worth looking at.
Thanks for input, but I can make the drop shadow i want easily elsewhere on my website, it’s just in this situation it won’t work.
I assume Customizr is overriding my class and blocking what I am trying to do, not sure what I can do to make it work.
Mmm, can find no evidence of the CSS or HTML referenced above. The img tag is present, but no bs div. Can’t see why Czr would have stripped it.
I presume you’ve Saved & Published? (Sorry, not intending to sound patronising).
Have you checked for conflicting plugins by disabling all and checking if it works. If so, reactivate one-by-one to find the culprit.
Thanks for helping with this!
I put the code back in the live site, can you see it now? It still does not work… would be good to check you can see the CSS and HTML there before i go disabling plugs. I feel certain it’s something to do with the fact my style is being overridden.
I am a newb, no need to worry about sounding patronising 🙂
when i view the html page (ctrl-u in firefox) now live i see:
.bs {
box-shadow: 3px 3px 3px #aaaaaa;
}
and
<div class=”bs”>
<img class=”alignleft wp-image-2691″ src=”http://www.learndigitalaudio.com/wp-content/uploads/2013/02/Nebula_Explained_Available_Now_Blog_Banner.jpg?469e54″ alt=”Nebula_Explained_Available_Now_Blog_Banner” width=”620″ height=”162″ />
</div>
Try this. Will need adjusting:
.bs img {
-webkit-box-shadow: 46px 36px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 46px 36px 5px 0px rgba(0,0,0,0.75);
box-shadow: 46px 36px 5px 0px rgba(0,0,0,0.75);
}
THANKS!!!
The problem seemed to be i was missing out “img”, i don’t know why this would do it, but you saved the day 🙂
I am actually going to take a course in HTML/CSS rather than hacking about soon, it’s good fun really.
Great. Can you mark as [resolved] in the rhs sidebar. And good luck with the course. Well worth it.
