BidJS page elements can be customised using CSS.
One of the most effective ways to experiment with styling changes is to visit our demo site (or your own site, if the software is already installed), inspect the elements, and test your styles directly in the browser before committing them to your live stylesheet.
How to Test CSS Changes
Right-click on the element you want to style (e.g. a button).
Select Inspect from the context menu โ this will open your browser's developer tools.
In the Styles panel, click the โ+โ icon to create a new rule.
Enter your desired CSS changes and see them apply live in the browser.
This allows you to test visual changes safely and instantly:
Applying Your Changes
Once youโre happy with the styling, copy the rule from the inspector into your main CSS file. The changes should then apply as expected on your site.
Example:
button.lot__action.lot__action--bid.btn.btn-primary.btn-block {
background-color: purple;
}
This would change the background colour of the bid button to purple.