Using CSS to Change Design

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;
}

Other CSS articles:

Updated on February 26, 2022

Was this article helpful?

Related Articles

Need Support?
Can't find the answer you're looking for?
Contact Support