Tagged: ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • November 25, 2017 at 11:30 pm #881789
    dancedojo

    Hey there,

    I want to add a fontello icon (which i’ve already uploaded to enfold) into a line of text like this:
    https://monosnap.com/file/9F3nqPkV6RhXICW2tZc5y3jR9K7ThZ

    How can I do it?
    Thanks!

    November 26, 2017 at 6:43 pm #881963
    Victoria

    Hey dancedojo,

    Could you please give us a link to your website, we need more context to be able to help you. And please be more specific, where you want to add the icon.

    Best regards,
    Victoria

    November 26, 2017 at 11:22 pm #882050
    dancedojo

    Hey Victoria,
    I figured you’d be able to give me a general explanation of how to do it without seeing the site… but i guess not? I’ve included login creds in the private section.

    I just want to add a heart icon to the H2 at the bottom of this page:

    How it Works

    <h2> What Our Students [heart] Most </h2>

    Thanks!

    November 27, 2017 at 12:47 pm #882193
    Yigit

    Hi,

    I created a private page and added heart icon in it and copied HTML of the icon and replaced “love” with “heart”.

    I noticed you imported FontAwesome icons. You can refer to this post – https://kriesi.at/support/topic/how-can-i-add-font-awesome-icons-manually/#post-849678 to add them to your theme as well.

    Please review your website :)

    Best regards,
    Yigit

    November 27, 2017 at 4:50 pm #882275
    dancedojo

    Hi Yigit, thanks for the explanation – I understand it, but I don’t see where the html for the heart is…?

    Screenshots
    How the page displays – https://monosnap.com/file/ioOYlVb6zY3eed7qZTJeHbk4i4k44Y
    The text box with the H2 (I see no html for the heart) – https://monosnap.com/file/ps1XnS4g30zRJ9B0qR1OGeNFNrH6Y1

    Can you explain again or make a 10 second video?
    Thanks

    November 30, 2017 at 12:20 pm #883356
    Ismael

    Hi,

    Add the theme’s icon shortcode in between the “Students” and “Most” text. Set it to the “heart” icon. You can generate the icon shortcode from a temporary page and copy it to the text block.

    Best regards,
    Ismael

    November 30, 2017 at 5:14 pm #883502
    dancedojo

    Hi guys, I’ve added the icon shortcode in between the two words like you said but the heart doesn’t end up in between the two words.

    Here’s a screencast:
    https://monosnap.com/file/9Z4EtyTqwnzqjzE0OghqxXygCqgxRN

    What am I doing wrong? I’d like to avoid more back and forth, so if you could make a video showing me what you’re doing that would be fantastic. Thank you!

    December 4, 2017 at 3:55 am #884495
    Ismael

    Hi,

    We created an example in a test page. ( see private field )

    Best regards,
    Ismael

    December 4, 2017 at 5:52 pm #884734
    dancedojo

    Hi, I literally copied and pasted exactly what you did (underneath yours) and I get a different result – makes no sense to me. I really need a better understanding of how you’re getting yours to work.

    Please take a look and explain why it’s not working for me…

    December 5, 2017 at 2:44 pm #885077
    Ismael

    Hi,

    I wrapped the heart icon inside a span tag. Please edit the text block and switch to the “Text” mode before copying the code.

    Best regards,
    Ismael

    December 20, 2017 at 11:30 pm #890941
    dancedojo

    Got it thanks! :)

    You can close this one now.

    December 21, 2017 at 11:13 am #891078
    Rikard

    Hi,

    Great, thanks for letting us know. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘How can I add an icon in a line of text?’ is closed to new replies.