Custom CSS doesnt overrule

[H.A.C.]

Hello,

I try to overrule the css with my custom CSS.. every thing is working execpt the following code:

=================== ORIGINAL CSS ====================================================
.page .header, .single .header, .archive .header, .search .header, .page .header_wrap, .single .header_wrap, .archive .header_wrap, .search .header_wrap, .error404 .header_wrap {
position: relative!important;
background-color: rgba(110,92,60, 1)!important;
}

====================== CUSTOM CSS=================================================
.page .header, .single .header, .archive .header, .search .header, .page .header_wrap, .single .header_wrap, .archive .header_wrap, .search .header_wrap, .error404 .header_wrap {
background-color: rgba(114,14,22, 0.3)!important;
}

My Custom CSS does not overrule it.. I see my code in the Chrome Dev.tool with a stripe true it..

My url is: https://tinyurl.com/ydevfrg7

I have tried realy everything.. Can someone help me?

I think the original code is nog in the theme CSS.. Is that possible?

Thank you,
Best regards,

[Sonnal S Sinha]

Hi,

Kindly try this CSS.

body.page .header, body.single .header, body.archive .header, body.search .header, body.page .header_wrap, body.single .header_wrap, body.archive .header_wrap, body.search .header_wrap, body.error404 .header_wrap { position:absolute !important; background-color: rgba(114,14,22, 0.3)!important;}

Regards,
Brad

[Author]

Posts