remove box shadow from image

Hi hydetech,
I’m only seeing a box shadow on hover. Is that what you’re wanting to remove? Or do you want the remove the image border?

Hannah

I have the same issue. I want to know how to remove the box shadow on hover from an image on a page. Thank you in advance.

The box shows up on the screen and gets darker when I hover. I want to remove both the border and box on hover.

• This reply was modified 7 years, 4 months ago by hydetech.

hydetech,
Try adding this to your custom css box in Theme Options > Advnaced Settings:

.testimonials [class*=wp-image] {
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.testimonials [class*=wp-image]:hover {
    box-shadow: none;
    -webkit-box-shadow: none;
}

ronlasmarias,
Can you post a link to your site?

Hannah

That worked – thank you so much for your help!!

Hannah

https://shhsband.com/volunteer/

You’ll notice that when you hover to the images, shadows appears. The border is very light but could be better.

Thank you in advance.

Ron

Also need help with adjusting the “Content Width”. FYI, I’m using the Virtue Theme.

Hey ronlasmarias,
Try adding this to your custom css box:

[class*=wp-image], [class*=wp-image]:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

You can adjust the width of the container with this css:

@media (min-width: 1200px) {
.container {
    width: 1200px;
}
}

Is that what you mean?

Hannah

Hi Hannah,

Sorry for not responding sooner. Thank you once again for you feedback. I added the code into custom css, it did not work.

I’m not seeing the css in your code. Where are you adding it?

Hannah

Hannah, I removed it after it didn’t work. I tried several times. I’m adding it from Appearance>Theme Options>Advanced Settings>Custom CSS Box. Thank you for your patience and support…

Can you re-add the css so I can see what it looks like in your site?
Thanks!

Hannah

OK..I just added the code under Appearance>Theme Options>Advanced Settings>Custom CSS Box and hot the Save Changes a couple of times…Thanks You ! !

Ron

I’m still not seeing it. I am however seeing quite a few errors in your site. Like this: wp-fade-in-text-news.js?ver=4.8:47 Uncaught ReferenceError: FadeIn_bFadeOutt is not defined
Your host may have more insight on that.

Hannah

I just deactivated and deleted that plug-in…