Widget CSS overriding Page CSS and hiding header on Walk- up portal, need to fix it.

[Raviteja K]

Hello

I am working on walk up experience plugin. When I try to add header and change background image, widget CSS is overriding page CSS covering header and background image. 

Please help to fix the issue

TIA.

[Willem · Accepted solution]

That is default behavior Widget CSS will overrule since it is more specific.

You can update the widget CSS to the CSS style you want. Or add !important to the main css that you want to apply.

Like so (example css style):

element {
    color: blue  !important;
    font-size: 14px !important; 
    ...
}

Reference: https://www.geeksforgeeks.org/how-to-apply-important-in-css/