I am facing an issue with a website where the error message is displaying in a specific format.
<div class="validation-summary-errors">
<span>Password change was unsuccessful. Please correct the errors and try again.</span>
<ul>
<li>The current password is incorrect or the new password is invalid.</li>
</ul>
</div>
My goal is to override the "validation-summary-errors" class and remove the 'ul' and 'li' tags, keeping all the error lines within the "span" tag. I have attempted to achieve this by using the following code:
<style type="text/css">
.validation-summary-errors li {
list-style: none;
margin: 0;
padding: 5px -10px 5px 0px;
}
</style>
However, it appears that my code modifications are not successful. Can someone provide guidance on how to resolve this issue?
Thank you.