My Buying Buddy widgets load HTMLS on your webpage using JavaScript / AJAX.
It is therefore possible to use the Console functions in your browser to inspect elements and identify the CSS classes.

#MBBv3_ Wrapper

All MBB CSS elements MUST be within a wrapper with an ID starting with #MBBv3

IMPORTANT - avoid using the underscore character after this as this will cause conflicts with other components.
e.g. this is permitted: class="MBBv3Form", but this is NOT permitted: class=MBBv3_Form"

CSS Elements and Hacks

The following are a collection of CSS rule examples.
Use a browser code inspector tool to see details of CSS.


/*Adjust slider bar selector handles background color */
#MBBv3_ListingResults .ui-state-default {
background: #dd2c2c !important;
/* Adjust slider bar selector handles tooltip background color */
#MBBv3_ListingResults .bfg-slider-tip{
background-color: #dd2c2c;
#MBBv3_ListingResults .bfg-slider-tip:after {
border-top-color: #dd2c2c;

Other CSS articles: