-
Posts
-
Hey GraphicEyeDK,
You can use a text block and use the magic wand tool.
You can find our magic wand tool here: https://kriesi.at/documentation/enfold/intro-to-layout-builder/#shortcode-for-elements
Hope it helps.Best regards,
NikkoHi Nikko,
That I have already tried, but I can’t control where in the text the icons are placed.
I want the text to look like this:fællesskab ❤ indsigter ❤ og udvikling ❤ enkle metoder og letforståelig undervisning ❤ nærvær og hygge ❤ oplevelsesorienteret ❤ heling og spiritualitet ❤ krop, tanker og følelser ❤ transformation
Is that possible?
Best regards,
HelleHey Helle,
Could you please post a link to your page and a screenshot showing how you would like to display icons?
Please refer to this post – https://kriesi.at/support/topic/how-can-i-add-font-awesome-icons-manually/#post-849678 in case you would like to use FontAwesome.Best regards,
YigitHi,
Here’s link to the page: https://xn--krlighedscoach-0ib.dk/uddannelsen
And link to screenshot: https://xn--krlighedscoach-0ib.dk/wp-content/uploads/2019/08/Screenshot02.pngBest regards,
HelleHi,
In your case, it would be easier to use FontAwesome. You can load it by referring to my previous post and refer to this post – https://fontawesome.com/how-to-use/on-the-web/referencing-icons/basic-use to see how to use them :)
Best regards,
YigitHi,
Now I have added the code to Functions.php.
Please help me in how to use FontAwesome. I have looked at the post you refer to but don’t quite get it.Best regards,
HelleHi Helle,
You can find icon list here – https://fontawesome.com/icons?d=gallery&m=free. You can click on the icon you would like to use and then you can copy HTML and paste it in your content – https://prnt.sc/opiad7
Best regards,
YigitHi,
I still don’t understand how to do it. Unfortunately, I’m not that good at coding.
I will try to find another solution.Best regards,
HelleHi,
You could simply click on the icon you would like to use, heart for example – https://fontawesome.com/icons/heart?style=solid
then click “copy HTML” button on the page and simply paste it in your content<i class="fas fa-heart"></i>I believe that would be the simplest solution but i hope you can find another solution.
Best regards,
YigitHi,
If I just paste the code in the content it look like this: https://xn--krlighedscoach-0ib.dk/test2
Best regards,
HelleHi Helle,
Please use Text and not Visual in the Text Block so it will display the icon instead of showing it just like how it shows now.
Best regards,
NikkoNi Nikko,
I’m sorry but that doesn’t work. There no icon shown.
Look here what I have done: https://xn--krlighedscoach-0ib.dk/wp-content/uploads/2019/08/Screenshot03.pngBest regards,
HelleHi Best,
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
Best regards,
VictoriaHi GraphicEyeDK,
I have moved your login credentials in private content for security purposes (so it can be seen only by moderators and you).
I tried the login to your site but I’m getting the following (screenshot in private content).
Maybe there’s some restriction in your site when trying to access in another region/country.Best regards,
NikkoHi,
Oh yes, I need to accept your ip-adress or else you can’t login. What’s the ip?
Best regards,
HelleHi Helle,
My ip address is dynamic so it changes from time to time.
Current IP is in private content.Best regards,
NikkoHi,
Could you please temporarily disable IP restriction so any available moderator can look into it?
Best regards,
YigitHi,
I updated the code in functions.php file of your child theme. Please review your website :)
Best regards,
YigitHi,
Thank you – that words. But have can I give the hearts a red color meanwhile the text is still grey?
And then I*m a bit curious: what did you change in functions.php?Best regards,
HelleHi,
You can simply add following code to Quick CSS in Enfold theme options > General Styling
i.fas.fa-heart { color: red; }Please make sure to flush cache after adding the code.
Script needed updating so i simply updated the link.
Best regards,
Yigit
- The topic ‘Icon in a text’ is closed to new replies.