CSS Hide WIX css

[nstrain]

Hello i am trying to hide css from a wix template.

The screenshot below has the div i want to hide highlighted.

WIX gives you the option to add custom code to the header by linking style sheets. I can see style sheet in the source code but my custom css isnt overwriting the class.

This is the code i used in my css file.


.heading.s-separator{
display: none !important;
}


Could someone help me to understand why the "heading s-separator" div is still displaying when i view the page?

This is the website URL for reference - https://www.bigberthamotorhomes.co.uk/book-a-room/rooms/d1a1f883-3e3e-43aa-a1bc-539c68d1733b

Thanks

 

[BGB]

.heading and .s-separator are both same class. You are trying to hide same class one above another. You will either need or you can try -

.widget.s-separator{
    display: none !important
}

or

.s-background.s-separator{
    display: none !important
}