Buying Buddy widgets load HTMLS on your webpage using JavaScript / AJAX.
It is therefore possible to use the Browser 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.
/* RESULTS WIDGET */
/*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;
}