Best online gambling sites,philwinweb.Recharge Every day and Get Bonus up-to 50%!

Reply To: Remove shadow from individual images

katdidit — Thu, 22 Jun 2017 03:02:17 +0000

Add a second class to the images that you don’t want to have a shadow
[class*=”wp-image”] .noshadow {box-shadow: none;
}

Reply To: Remove shadow from individual images

railscapes — Fri, 23 Jun 2017 03:58:12 +0000

Thanks! That got me going in the right direction, I have managed to get the shadow and border to go away but they still show up if I hover over the image. The code I found searching online did not help with that. This is what im using right now, only the first two parts have any effect:

.noshadow {box-shadow: none; border:none!important; background:transparent!important; webkit-box-shadow: none;
moz-box-shadow:none;}

Reply To: Remove shadow from individual images

katdidit — Fri, 23 Jun 2017 22:27:28 +0000

You need to add the pseudo code :hover as well as the regular selectors. .noshadow,.noshadow:hover {box-shadow:none} –

also if you use both classes in one selector ie “[class*=”wp-image”].noshadow”, “[class*=”wp-image”].noshadow:hover” you can lose the !important on the border and background rules since the [class*=”wp-image”] is adding the box-shadow and the border to all images. By using both selectors in one you are making sure that the [class*=”wp-image”] isn’t overriding it in other style sheets (responsive or bootstrap) as well.

Try using “none” rather than transparent and border: 0 if that still isn’t giving you what you want.