Skip to main content

How to Style Your BidJS Instance

Bianca Utihata avatar
Written by Bianca Utihata
Updated over 2 weeks ago

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

  1. Right-click on the element you want to style (e.g. a button).

  2. Select Inspect from the context menu โ€“ this will open your browser's developer tools.

  3. In the Styles panel, click the โ€˜+โ€™ icon to create a new rule.

  4. 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.

Did this answer your question?