remove box shadow from image

This is what I added to Custom CSS Box

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

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

I’m seeing the css working now. Are you? If not, try clearing your cache.

Hannah

Yes…I executed Flush Cache and instead of going to Appearance>Theme Options>Advanced Settings>Custom CSS Box, I went to Appearance>Customize>Additional CSS and added the code

That Worked ! ! !

I did not use the second code because that’s not what I wanted…I needed the content
to be narrow…You’ll notice that the margin on the left side is too narrow and on the right side, it’s too close to the side bar…Any thoughts?

Once again thank you for all the help ! ! !

I wanted to change the width of the content…and do not effect the width of the container, does that make sense?

Looks like you’ve added this css:

.entry-content {
    margin: 0 28.5% 0 5%;
    width: 760px;
}

I would actually recommend using this css instead:

.entry-content {
    padding: 0 20px;
}

Hope that helps!

Hannah

I have another question. I removed the page title from the support pages. How do you remove the two lines below the menu?
https://www.kwlayout2.hydetech.com/portfolio/

You can use this css:

.page-header {
    display: none;
}

Hannah

In case anyone else is having trouble with the shadow under images, you might have to add the !important tag. At least, I had to, otherwise it wouldn’t work.

Btw, thanks @hannah, your snippet to remove the shadow helped helped once I added the !important tag.

• This reply was modified 7 years, 2 months ago by samidmatt.

Can you confirm what the code is to add to the CSS age to remove the light grey shadow box that appears on images in the sidebar widget in Kadence Virtue?

Hello @mvjohn,

Can you please start a new topic with a link to your site?

Thanks,
Kevin