removing boxshadow on one image

  • Hey guys, I’ve searched the forums but haven’t found a solution so sorry if I missed something. I want to remove the box shadow from just one image on my site. Anyone know what I might need to add to the code to do that?
    Here’s the page and I don’t want a shadow on the signature at the bottom. Thanks!

    https://www.sweet-foundations.com/about-us/

Viewing 1 replies (of 1 total)

  • I see you tried to added an inline style to the signature element, that could work, although you have it in the wrong place, and you are only trying to target older webkit browsers, but what I would suggest, is add a class to image tag called something like “no-shadow” or whatever is meaningful for you, ie., code it like this in your post window:

    <img class="wp-image-204 alignleft no-shadow" title="Susie Sig" src="https://www.sweet-foundations.com/wp-content/uploads/2012/09/Susie-Sig.png" alt="" width="172" height="89">

    And then add the following style to your style.css file:

    .no-shadow {
	-moz-box-shadow: none;
	-o-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

    Then whenever you want to leave the shadow off a box, you simple tag the element with the no-shadow class.

Viewing 1 replies (of 1 total)
  • The topic ‘removing boxshadow on one image’ is closed to new replies.

Tags