Community @ The Turning Gate

paulo_tebet

Member

Registered: 2013-05-17

Posts: 84

Using icons inside the text

I've noticed that we can use other icons beside the ones used in the default configuration for the Capitions like:

<ul class="fa-ul">

<li><i class="fa-li fa fa-check-circle-o"></i>Refina a seleção; esconde imagens não selecionadas.</li>
<li><i class="fa-li fa fa-dot-circle-o"></i>Refina a seleção; obscurece imagens não selecionadas.</li>
<li><i class="fa-li fa fa-circle-o"></i>Exibe todas as imagens da galeria, selecionadas ou não.</li>
<li><i class="fa-li fa fa-envelope"></i>Envia as imagens selecionadas e comentários.</li>
<li><i class="fa-li fa fa-times-circle-o"></i>Logout.</li>

</ul>

If I change the line
<li><i class="fa-li fa fa-check-circle-o"></i>Refina a seleção; esconde imagens não selecionadas.</li>
to
<li><i class="fa-li fa fa-star"></i>Refina a seleção; esconde imagens não selecionadas.</li>

I will have the star icon instead of the check icon. what I could not figure it out is how to use more than one icon per line.

I would like to have the following text ( replacing the * with the star icon)

*        Bla Bla 1
**      Bla bla 2
***    Bla bla 3
****   Bla bla bla 4
***** Bla bla 5

Also I would like to use one single icon in the middle of a sentence like this:

Please click in the <<envelope icon>> to send me the selections

How can this be accomplished?

Regards,

Paulo Tebet

rod barbee

Moderator

From: Port Ludlow, WA USA

Registered: 2012-09-24

Posts: 17,830

Website

Re: Using icons inside the text

you use it just like it's used in the legend in the LR plug-in. Only put words on both sides

Also I would like to use one single icon in the middle of a sentence like this:

Please click in the <<envelope icon>> to send me the selections

Do it just like it's used in the legend in the LR plug-in. Only remove the fa-li and  put words on both sides

Please click in the <i class="fa fa-envelope fa-lg"></i> to send me the selections

Or you can just use the included symbols legend in the sidebar.

I will have the star icon instead of the check icon. what I could not figure it out is how to use more than one icon per line.

try removing the fa-li from the second icon:

<i class="fa-li fa fa-star"> </i><i class="fa fa-star" "></i>Refina a seleção; esconde imagens não selecionadas.

You might need to add some padding-right to the second icon with inline styling.

---

Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site

paulo_tebet

Member

Registered: 2013-05-17

Posts: 84

Re: Using icons inside the text

Perfect!

Thanks a lot Rod.

Regards,

Paulo Tebet