@pruthe couldn’t you have posted this 24h earlier?!.. I searched 4 hours yesterday to find it out myself
I came up with the same solution but forgot the " "… drove me crazy
Sorry!!! I made my post as soon as I saw @pixelwork’s post. I found the solution only a few days ago by using @JDW’s post and clicking the fontawesome.com link. The font-family update is in there.
Hey Folks,
First I would like to thank you all for your engagement, this forum is just great.
After being successful on Blocs 3 I tried to create an accordion on Blocs 4 with the mentioned “Font Awesome 5 Free”.
All works well except +/- is not showing.
I used this code:
It’s necessary to force the Font Awesome icons to be included in the Blocs project. Apparently in my other project I used a Font Awesome icon somewhere. Here’s an updated sample blocs file with a change. I added an icon-heading bric over each accordion and the ± showed up.
I’m only on my phone. But from memory, yes Blocs won’t include Font Awesome unless you use it. And it doesn’t know you want to use it if your using just code.
Yes, I can confim this. It’s only working, if you use an icon with FA 5 Free somewhere on the project.
the code above doesn’t implement the font itself.
@Malachiman this time I’m asking, before trying myself for 4 hours
How do I apply it to more than 1 accordions on the same page? Do I have to repeat the whole code and change the #accordion-nr.? Or ist there a more simple solution?
Yeah that code was targeting one accordion. The easiest way would be to add a class to all your accordions like
.myaccordion
Call it what ever you want. Then use that class instead of the ID. The Accordion uses cards, so we want to still target them, other wise your CSS will effect cards on your page if you have them.
With that class in place, the CSS will style all of them.
Thanks all,
Yes, with an icon on the page it works.
I would love to try @PeteSharp ´s solution but whereever I placed the class in the code I wasn´t successful. How would the code look like?
In any case - great help