Style CSS

  • Resolved hubthomas

    (@hubthomas)


    8 years, 4 months ago

    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 8 years, 4 months ago by hubthomas.
Viewing 5 replies - 1 through 5 (of 5 total)

  • Please manually type double quote (“) around your location Concept-Coiffure instead of copying the double quote.

    Thread Starter hubthomas

    (@hubthomas)

    It was already working with the previous “” but colors and bold do not show up.
    Concept-Coiffure

    • This reply was modified 8 years, 4 months ago by hubthomas.
    Thread Starter hubthomas

    (@hubthomas)

    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

    [UPDATE] Just found out that is not the proper way to do it :/

    concept-coiffure

    • This reply was modified 8 years, 4 months ago by hubthomas.
    Thread Starter hubthomas

    (@hubthomas)

    <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

    Plugin Author Wombat Plugins

    (@maartenbelmans)

    Hi @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:

    https://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.

Tags