I am facing an issue with my Bootstrap button, which currently looks like this:
https://i.sstatic.net/MWHYP.png
The HTML code for the button in question is as follows:
<button type="button" class="btn-primary.custom-btn" data-bs-toggle="modal" data-bs-target="#exampleModal">
More Info
</button>
Despite my attempts to troubleshoot, my CSS changes are not being reflected. Initially, I suspected a conflict with other buttons on the page, prompting me to alter the class name to segregate them:
<button class="btn-filter active" onclick="filterSelection('all')"> Show all</button>
The original class was simply btn, which I modified to btn-filter for clarity when applying styles. However, the custom button's color remains unchanged even after these adjustments.
Here is a snippet of my CSS code:
<style>
/* CSS properties here */
</style>
I'm uncertain where the issue lies and would appreciate any insights to resolve it.