Next, I'm using a wordpress plugin to organize the dishes of the restaurant menu, this: (food-and-drink-menu - url: link )
Well, come on! The plugin settings are very simple and by default it adds a light pink background, as follows: ( link ). But, the background of the site is different, I want to remove this background, tried several ways and I could not, because in ".css" it is not. How do I resolve this?
/**
* CSS Stylesheet for the front-end interface for Food and Drink Menu
*
* @package Food and Drink Menu
*/
.fdm-menu.clearfix,
.fdm-menu .clearfix {
clear: both;
}
.fdm-menu,
.fdm-section {
margin: 0;
padding: 0;
}
.fdm-menu,
.fdm-menu>li,
.fdm-section,
.fdm-section>li {
list-style: none;
}
.fdm-columns-2 .fdm-column {
width: 47%;
float: left;
}
.fdm-menu .fdm-column {
margin: 0 3% 0 0;
}
.fdm-columns-1 .fdm-column {
margin-right: 0;
}
.fdm-columns-2 .fdm-column-last {
float: right;
margin: 0 0 0 3%;
}
.fdm-section-header {
border-bottom: 2px solid #777;
}
.fdm-section-header,
.fdm-section-header h3,
.fdm-section-header p,
.fdm-item-panel,
.fdm-item-panel p {
margin: 0;
margin-bottom: 1em;
}
.fdm-section-header h3 {
margin-bottom: 0.5em;
}
.fdm-item {
margin-bottom: 2em;
}
.fdm-item-panel {
position: relative;
}
.fdm-item-panel p {
margin: 0;
margin-bottom: 0.5em;
}
.fdm-item-panel .fdm-item-title {
font-weight: bold;
}
.fdm-item-has-image .fdm-item-panel p {
padding-left: 35%;
}
.fdm-item-image {
float: left;
width: 33%;
height: auto;
}
.fdm-item-has-price .fdm-item-panel p {
padding-right: 20%;
}
.fdm-item-price-wrapper {
position: absolute;
width: 20%;
text-align: right;
top: 0;
right: 0;
white-space: nowrap;
}
.fdm-menu-footer {
font-size: 85%;
font-style: italic;
}
/**
* This media query is pegged to Bootstrap 3's breakpoint
*
* Edit the max-width to match your responsive site's collapsed columns
* breakpoint
********************************************************/
@media (max-width: 991px) {
.fdm-columns-2 .fdm-column {
width: 100%;
float: none;
margin: 0;
}
}
/**
* Fully vertical layout for very small screens
**********************************************/
@media (max-width: 450px) {
.fdm-item-image {
width: 100%;
float: none;
margin-bottom: 2em;
}
.fdm-item-has-image .fdm-item-panel p,
.fdm-item-has-price .fdm-item-panel p {
padding: 0;
}
.fdm-item-price-wrapper {
text-align: left;
white-space: normal;
position: relative;
margin-bottom: 1em;
width: 100%;
}
}