J-BusinessDirectory - Setting button colour on 'JBusinessDirectory Listing Search' form

Hi, for the 'JBusinessDirectory Listing Search' form (the vertical one), where should I update the colour of the search button please. There is a field for setting the background colour of the form/box, but not the button itself. I did search all the jdirectory files for the hex number for the color which is showing (18BC9C), but it came up 82 times in 12 files and I don't know which one is the right one to do sorry. Also is there a way I can create an override file for this setting which will persist through upgrades.

I am wondering if the module selects a suitable colour for the button, depending on what background color is selected - but if so, I would still like to override this if poss please.

Thank you.

Hi,

The easiest way to change the color is to do a CSS override.
You can inspect the button code in the browser and add the color that you need on the CSS override on the template.

Done! Thank you George :)

For anyone searching on the same issue in the future, this video was also really useful for how to create the custom.css override file: https://www.youtube.com/watch?v=o9PVpw1iwGU

And this is the css you need to add in the overide file:

.jbd-container:not(.jbd-edit-container)
.btn-success {
background: #e85a82 !important;
border-color: #e85a82 !important;
box-shadow: none;
}

.jbd-container:not(.jbd-edit-container)
.btn-success:hover,
.jbd-container:not(.jbd-edit-container)
.btn-success:focus{background-color:#ff4e84 !important;border-color:#e85a82 !important}

Please note that this css works in terms of the button color and a highlight on mouseover, though I can't be sure that I have selected the exact right bits as there is quite a lot of other related button css which I am not able to read/follow at this time!