HTML Help Builder
Using FontAwesome characters with styling
Gravatar is a globally recognized avatar based on your email address. Using FontAwesome characters with styling
  Richard Kaye
  All
  Nov 4, 2020 @ 05:54am

Hi Rick,

QQ for you. Is it possible to use FA styling attributes with the @icon syntax? For example, something like color-success?

TIA

Gravatar is a globally recognized avatar based on your email address. re: Using FontAwesome characters with styling
  Rick Strahl
  Richard Kaye
  Nov 4, 2020 @ 12:13pm

No... not with the @icon syntax.

But you can embed the full icon

### Header 3
Some para text...

> #### <i class="fa fa-info-circle text-success"></i> Note
> Note that blah blah blah

Gravatar is a globally recognized avatar based on your email address. re: Using FontAwesome characters with styling
  Richard Kaye
  Rick Strahl
  Nov 4, 2020 @ 12:19pm

Perfect. Thanks!

I'm really having a good time writing docs...

Gravatar is a globally recognized avatar based on your email address. re: Using FontAwesome characters with styling
  Richard Kaye
  Rick Strahl
  Nov 4, 2020 @ 12:40pm

Where does that text-success come from? FA CSS? Bootstrap?

Gravatar is a globally recognized avatar based on your email address. re: Using FontAwesome characters with styling
  Richard Kaye
  Richard Kaye
  Nov 4, 2020 @ 12:41pm

Looks like bootstrap.

Gravatar is a globally recognized avatar based on your email address. re: Using FontAwesome characters with styling
  Rick Strahl
  Richard Kaye
  Nov 4, 2020 @ 12:45pm

Where does that text-success come from? FA CSS? Bootstrap?

It's Bootstrap...

I think anyway. I can't remember but if it's not natively available I always implement those in CSS so if not in Bootstrap it'll be in wwhelp.css.

+++ Rick ---

Gravatar is a globally recognized avatar based on your email address. re: Using FontAwesome characters with styling
  Richard Kaye
  Rick Strahl
  Nov 4, 2020 @ 01:05pm

It is. 😃 Don't bother adding to wwhelp.css on my account.

© 1996-2024