How to use the BD Custom Style CSS file

Hi goodmuyis,

First, I presume you’ve already seen this article: Here is an article about how to use custom CSS with Business Directory in a way that doesn’t get overwritten on upgrade of BD: https://businessdirectoryplugin.com/support-forum/faq/how-to-use-custom-styles-with-bd-2-1/

So that’s the basics you need to get started. Beyond that, you’ll need to use Firebug to play with the CSS and find out what works and what doesn’t. If you’re new to CSS, I would suggest reading this:
https://www.htmldog.com/guides/css/beginner/
https://www.codecademy.com/en/tracks/htmlcss

And if it’s something you don’t think you have the technical expertise to do, getting a developer on oDesk might help you too: https://odesk.com

I have read the article and am very conversant with CSS and Firebug, what i mean is that the wpbdp_custom_style.css was loaded but did not override the Main Style.
I view the Page source, i saw the css file right among the lines but its not doing anything.
I have added it to:
../Plugins/wpbdp_custom_style.css
../Themes/myTheme/wpbdp_custom_style.css

Nothing happen

Have you tested with some simple CSS to verify that the file is indeed being read and taken into the DOM as you expect? Some obnoxious change, like:

div {
background-color: red;
}

If you get that, then whatever changes you’re putting in could be over-overridden somewhere–that’s what Firebug will tell you on the right hand side when you scroll through the styles for a particular element.

Since I don’t know specifically what you’re trying to change, have you tried switching themes and then overriding CSS, just to see if it’s the theme?

Its been long i work on my Business Listing Project, i have tested changing the as you suggest but no avail. i have capture the Firebug screen to show the CSS was loaded on the page but was not applied to the element on the page

Page Screen Shot

Sample of applied CSS

Hmm, not sure what is happening there but something must be missing, even though it looks like the file is loading, I just can’t tell what it is from here.

Looks like the next step would be to take a direct look at the site and see why the file is loading but not applying. Can we please get admin access to your site and FTP access as well (so we can see the CSS file and modify it). Please include a link to this thread and contact us here: https://businessdirectoryplugin.com/contact/