How to change the feature listing highlighted color.

Hi yourgoal,

To make the change, you’ll need to use custom CSS. 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/

If you use Firebug and examine the HTML DOM a bit, you’ll find this in the CSS:

.wpbdp-listing-excerpt.sticky {
    background: none repeat scroll 0 0 #fff0cf;
    border-bottom: 1px solid #b37800;
}

Add that to your custom CSS file and change the #fff0cf to something else.

I’m not sure I understand your second question here–can you please explain what you mean by the selection box? A screenshot might help. Use https://imageshack.us if you need to.

Thank you for the quick reply.

I was able to change the feature listing colour to orange through your code (Please suggest if any other colour). But there are some listings shown in white color. Unable to use firebug to resolve it. Please help.

https://www.yourgoal.in/business-directory/

Also, with regard to my second question, please click on the below link. You can find that the Category Selection box is very small. I want to make it big.

https://www.yourgoal.in/business-directory/?action=submitlisting

2) Currently, if users need to select more than one activity in the Category Selection box, they need to use ctrl. key to select.Please let me know whether there is any possibility of converting the list into multi select box.

Hi yourgoal,

The listings showing in white are just another CSS issue. You can use Firebug or Chrome Developer Console to look at the HTML to find the relevant section. Looking at the HTML and CSS on my side shows this:

.wpbdp-listing-excerpt.odd {
    background: none repeat scroll 0 0 #eee;
}

Change #eee to something else, like a lighter shade of green.

For the category selection box, ctrl-selection is the proper and expected way that users make multiple choices in a list box. Changing to a different control won’t actually change that behavior. You can change the box’s size again by using CSS. I can’t see it directly because you have registration required, but this should not be a difficult change once you use Firebug or Chrome Developer console to find the CSS.

If you’re finding CSS isn’t something you’re comfortable doing on your own, which may be the case from what you’re saying above, my best suggestion to get future minor CSS changes handled appropriately would be to hire WPCurve to help you out here.

They’re WP experts and for $69, you can’t beat their “unlimited 30 min tasks” in a month. This strikes me as something they would definitely be able to fix quickly and easily. They really get these kinds of issues. Here’s how to contact them: https://wpcurve.com