Here is the HTML (Bootstrap) code I have:
<div modal="showModal" close="cancel()">
<div class="modal-header text-center">
<h2>Members who shortlisted you </h2>
</div>
<div class="modal-body">
<img src="kitty.jpg"/>
</div>
<div class="modal-footer">
<button class="btn btn-success" ng-click="ok()">Okay</button>
<button class="btn" ng-click="cancel()">Cancel</button>
</div>
</div>
I am trying to make the background of the modal-header section transparent so that the content behind the popup is visible. My attempts with CSS like this:
.modal-header {
background-color: #000000;
}
have been unsuccessful. Any help in achieving this would be greatly appreciated.