Title: Style CSS
Last modified: October 18, 2016

---

# Style CSS

 *  Resolved [hubthomas](https://wordpress.org/support/users/hubthomas/)
 * (@hubthomas)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/style-css-4/)
 * Hi,
 * I’m having issues with styling options.
 * `<li><i class="mb-bhi-oc-text mb-bhi-open mb-bhi-closed"></i><?php echo do_shortcode('[
   mbhi location=”Concept-Coiffure”]'); ?></li>`
 * It does not show the text in bold neither in red or green.
 * Am I something wrong ?
 * Thanks for help ! Great plugin !
    -  This topic was modified 9 years, 7 months ago by [hubthomas](https://wordpress.org/support/users/hubthomas/).

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [Vinay Sharma](https://wordpress.org/support/users/vinaygottfried/)
 * (@vinaygottfried)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/style-css-4/#post-8324491)
 * Please manually type double quote (“) around your location Concept-Coiffure instead
   of copying the double quote.
 *  Thread Starter [hubthomas](https://wordpress.org/support/users/hubthomas/)
 * (@hubthomas)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/style-css-4/#post-8324548)
 * It was already working with the previous “” but colors and bold do not show up.
   ⌊
   Concept-Coiffure⌉
    -  This reply was modified 9 years, 7 months ago by [hubthomas](https://wordpress.org/support/users/hubthomas/).
 *  Thread Starter [hubthomas](https://wordpress.org/support/users/hubthomas/)
 * (@hubthomas)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/style-css-4/#post-8324690)
 * I think I found out my mistake. I manually put the classes in my style.css file.
   I now want to only have the closed or open option in color. Not the whole sentence.
   It that possible ?
 * ![concept-coiffure](https://i0.wp.com/concept-coiffure.be/6.png)
 * [UPDATE] Just found out that is not the proper way to do it :/
 * ![concept-coiffure](https://i0.wp.com/concept-coiffure.be/7.png)
    -  This reply was modified 9 years, 7 months ago by [hubthomas](https://wordpress.org/support/users/hubthomas/).
 *  Thread Starter [hubthomas](https://wordpress.org/support/users/hubthomas/)
 * (@hubthomas)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/style-css-4/#post-8324801)
 * `<li><i class="fa fa-clock-o"></i><span class="mbhi-is-current mb-bhi-oc-text
   mb-bhi-open mb-bhi-closed"><?php echo do_shortcode('[mbhi location="Concept-Coiffure"]');?
   ></span></li>`
 *     ```
       .mb-bhi-oc-text {
       	font-weight: bold; 
       }
   
       .mb-bhi-open {
       	color: green;
       }
   
       .mb-bhi-closed {
       	color: rgba(241, 17, 76, 0.83);
       }
       ```
   
 * ![CONCEPT-COIFFURE](https://i0.wp.com/concept-coiffure.be/8.png)
 *  Plugin Author [Wombat Plugins](https://wordpress.org/support/users/maartenbelmans/)
 * (@maartenbelmans)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/style-css-4/#post-8325085)
 * Hi [@hubthomas](https://wordpress.org/support/users/hubthomas/),
 * The plugin outputs `spans` with classes on them as well. You can directly style
   those with CSS. Here is a list of classes that are part of the output:
 * [http://maartenbelmans.com/businesshoursplugin/#styling](http://maartenbelmans.com/businesshoursplugin/#styling)
 * The classes you need are `mb-bhi-open` (for the green text) and `mb-bhi-closed`(
   for red text).
 * Your solution also works of course, just thought I’d add this reply 🙂

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Style CSS’ is closed to new replies.

 * ![](https://ps.w.org/business-hours-indicator/assets/icon-256x256.png?rev=1551528)
 * [Business Hours Indicator](https://wordpress.org/plugins/business-hours-indicator/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/business-hours-indicator/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/business-hours-indicator/)
 * [Active Topics](https://wordpress.org/support/plugin/business-hours-indicator/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/business-hours-indicator/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/business-hours-indicator/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)

 * 5 replies
 * 3 participants
 * Last reply from: [Wombat Plugins](https://wordpress.org/support/users/maartenbelmans/)
 * Last activity: [9 years, 7 months ago](https://wordpress.org/support/topic/style-css-4/#post-8325085)
 * Status: resolved