CSS cannot override

[jimsweb]

Does anyone help me to change the color from dark blue to dark grey (i need to make teh color match with order summary background color). I tried numerous method, nothing seems to work.   it works in google developer tools but when i try to override it in custom.css, it no loger works.. any help highly appreciated.

i tried following, it works on developer tools but not from cutom.css

#order-standard_cart .view-cart-items-header {
    margin: 0;
    padding: 8px 15px;
    background-color: #666;
    color: #fff;
    font-size: .9em;
    border-radius: 4px 4px 0 0;
}

#order-standard_cart .view-cart-items {
    margin: 0 0 20px 0;
    border-bottom: 2px solid #666;
}

 

 

Edited May 17, 2020 by jimsweb

[Damo]

If that selector is correct then you can force it to overwrite. By adding the !important declaration.  This will stop any other css applies afterwards being used.

Have you also cleared the caches to make sure your custom CSS is being displayed?

background-color: #666 !important;

Edited May 17, 2020 by Damo

[jimsweb]

thank you - it worked like a charm!