I'm using a SaaS website that generates the following HTML.
<div class="sidebar-body">
<div class="sidebar-block">
<form class="form-inline subscribe-form">
...
</form>
</div>
<div class="sidebar-block">
.... something else
</div>
<div class="sidebar-block">
.... another block
</div>
</div>
Specifically it shows a particular form (subscribe-form), that I don't want shown. Instead, I want my own form to be shown.
The website allows for custom CSS.
Questions:
Is there any way I can disable only the div that contains the subscribe-form but not other divs that have the same class?
Would I be able to replace the contents of the div that contains the undesired form?
for now, I have done this:
.subscribe-form {
display: none;
}
But it still shows the parent div, which I don't want shown.