1. Home
  2. Knowledge Base
  3. Customizations
  4. How to use Custom Styles with BD

How to use Custom Styles with BD

Business Directory can pull styles from a custom CSS file that isn’t overwritten on upgrade. For those with a quirky theme, or the desire to heavily customize BD’s look to match their site, this is great news…

How to use the BD Custom Style CSS file:

1) Create a file called wpbdp_custom_style.css under wp-content/plugins on your site. This location won’t be overwritten by any plugin or Wordpress on upgrade. You may also place this file under your theme directory as well.

The plugin is forgiving in locating the file–any of the following names will work for the custom style file, in EITHER location:

– wpbdp_custom_style.css
– wpbdp.css
– wpbusdirman.css
– wpbdp_custom_styles.css
– wpbdm_custom_style.css
– wpbdm_custom_styles.css

That means you should be careful not to have TWO custom files laying around. Pick one place, stick with it! We recommend the wp-content/plugins area as it can’t be overwritten by a theme upgrade.

2) Place any style changes you need in this file. It will be loaded such that these changes will take precedence in the CSS hierarchy over other styles in BD.

How do I know what I want to put in this file?

Good question! Use Firefox Developer Console, Chrome Developer Tools or something similar to determine what styles are being applied to any given element. Once you know what style is causing an issue, you can override it via the custom style CSS file.

Related Articles

Need Support?

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