Unfortunately, your question lacks a real example or code snippet to work with. However, based on your explanation, it seems that you are dealing with removing a shadow effect on hover.
To achieve this, you can inspect the element using tools like Firebug and identify the specific CSS class or style responsible for the hover effect. Assuming that widget-body is a class (not an id), you'll need to target it in your CSS. Be sure to include browser-specific box-shadow properties such as -webkit-box-shadow and -moz-box-shadow.
In the targeted class, set the box-shadow: none; property or completely remove the box-shadow, -webkit-box-shadow, and -moz-box-shadow properties based on your requirements. Your final CSS code may look something like this:
.widget-body {
background-color: #fbfbfb;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding: 12px;
}
NOTE: Make sure that the .widget-body class is not being used by other elements on the website. If it is, create a new class and override the properties using the !important keyword to prevent unintended effects on other elements.
You can also utilize the :hover pseudo-class for further customization.
I hope these suggestions prove helpful to you.