Classic Pricing Table Background color featured column

[madeliefje]

Hello I use a Pricing Table for the website of my customer. After some searching, I figured out how to change most of the the colors. But the background color of the head of the featured column won’t change no matter what. If I could get rid of the lines dividing the content too, that would be great but if not, its ok.

Code used is:
.x-pricing-column h2 {
background: #031323;
border: 0;
color: #e4d699;
}
.x-pricing-column {
background: #e4d699;
border: 0;
color: #031323;
}

.x-pricing-column.featured {
background: #e4d699;
border: 0;
color: #031323;
}

.x-pricing-column.featured h2 {
background: #751401;
border: 0;
color: #e4d699;
}

.x-pricing-column-info .x-btn {
background: #031323;
border: 0;
color: #e4d699;
}

Thanks a lot in advanced.

Greetings Michaela

[mldarshana]

Hi Michaela,

Thanks for writing in! First of all, make sure that you don’t have CSS errors on your existing custom CSS rules by copying all of your CSS into an online tool like CSS Lint (http://csslint.net/). If you’re having any CSS errors, you need to fix them first, so that it will parse correctly.

If you don’t have any CSS errors, try updating your CSS rule as follows.

.x-pricing-column.featured h2 {
    background-color: #751401 !important;
}

If you’re still having any issues, please provide us with the URL to your referenced page so that we can assist you accordingly.

Hope that helps.

[madeliefje]

@mldarshana

!important

Thanks a lot, it worked great

[paul.r]

On behalf of my colleague, you’re welcome. Cheers!