Try adding a div around the icon block and using CSS to size the DIV

On Friday, January 8, 2021 at 5:23:44 PM UTC-5 Jon wrote:

> Hi Sylvain,
>
> Is it possible to alter the size?
> Nothing I've tried seems to work.
>
> Regards
> Jon
>
> On Friday, 8 January 2021 at 15:32:59 UTC Jon wrote:
>
>> Hi Sylvain,
>>
>> That really is 'awesome'!
>>
>> Thanks
>> Jon
>>
>> On Friday, 8 January 2021 at 15:10:33 UTC [email protected] wrote:
>>
>>> Hi Jon,
>>>
>>> You can use CSS stylecheet.
>>>
>>> Simple example with this first tiddler with $:/tags/Stylesheet and this 
>>> in text : .facss { fill:red; }  
>>> In other tiddler, style with @@.facss {{$:/images/fa5/solid/bug}}@@ for 
>>> example.
>>>
>>>
>>> Cheers,
>>> Sylvain
>>>
>>> Le vendredi 8 janvier 2021 à 15:17:58 UTC+1, Jon a écrit :
>>>
>>>> Unlike the CSS variety, the disadvantage of using the svg icons is that 
>>>> I don't think you can colour them  - or can you? 
>>>>
>>>> On Friday, 8 January 2021 at 11:23:42 UTC TiddlyTweeter wrote:
>>>>
>>>>> Odin & Jon
>>>>>
>>>>> Right! It is the right place to go if you just need a few icons!
>>>>>
>>>>> The guy behind it,  morosanuae, took great care to make them all "TW 
>>>>> Ready" ... meaning he has coded standard TW icon sizing in to all of 
>>>>> them. 
>>>>> That makes it even better!
>>>>>
>>>>> Best wishes
>>>>> TT 
>>>>>
>>>>> On Friday, 8 January 2021 at 11:53:46 UTC+1 Jon wrote:
>>>>>
>>>>>> That does sound better as I am only using a few.
>>>>>>
>>>>>> Thanks
>>>>>> Jon
>>>>>>
>>>>>> On Friday, 8 January 2021 at 06:55:46 UTC Odin wrote:
>>>>>>
>>>>>>> http://fa5-free-svg.tiddlyspot.com/
>>>>>>>
>>>>>>> It is this one. I like this solution as well because you can install 
>>>>>>> individual icons. That helps keep the wiki small if you are using only 
>>>>>>> a 
>>>>>>> couple of extra icons.
>>>>>>>
>>>>>>> Op vrijdag 8 januari 2021 om 00:35:31 UTC+1 schreef TW Tones:
>>>>>>>
>>>>>>>> I cant find it now but there is a package of font awesome Icons as 
>>>>>>>> SVG's for tiddlywiki.
>>>>>>>>
>>>>>>>> Tones
>>>>>>>> On Thursday, 7 January 2021 at 23:29:45 UTC+11 Jon wrote:
>>>>>>>>
>>>>>>>>> Thanks TT!
>>>>>>>>>
>>>>>>>>> On Thursday, 7 January 2021 at 12:28:23 UTC TiddlyTweeter wrote:
>>>>>>>>>
>>>>>>>>>> Right! The mechanism to actually display the glyphs has to use 
>>>>>>>>>> CSS classes. The font characters themselves are not directly 
>>>>>>>>>> accessible 
>>>>>>>>>> using entity numbers as the font is activated through classes. It is 
>>>>>>>>>> not 
>>>>>>>>>> globally loaded, I think.
>>>>>>>>>>
>>>>>>>>>> My understanding.
>>>>>>>>>> TT
>>>>>>>>>>
>>>>>>>>>> On Thursday, 7 January 2021 at 12:48:14 UTC+1 Jon wrote:
>>>>>>>>>>
>>>>>>>>>>> Ah, so after a bit of lateral thinking, found the instructions 
>>>>>>>>>>> at https://fontawesome.com/
>>>>>>>>>>>
>>>>>>>>>>> So, just in case I'm not the only one asking the question, this 
>>>>>>>>>>> would go in the tiddler (Icon id in quotes):
>>>>>>>>>>>
>>>>>>>>>>> <i class="far fa-moon
>>>>>>>>>>> f186"></i>
>>>>>>>>>>>
>>>>>>>>>>> Cheers
>>>>>>>>>>> Jon
>>>>>>>>>>>
>>>>>>>>>>> On Thursday, 7 January 2021 at 08:54:10 UTC Jon wrote:
>>>>>>>>>>>
>>>>>>>>>>>> Hi, 
>>>>>>>>>>>>
>>>>>>>>>>>> I've installed the  fontawesome plugin 
>>>>>>>>>>>> <https://thediveo.github.io/TW5FontAwesome/output/fontawesome.html>
>>>>>>>>>>>>  but 
>>>>>>>>>>>> there aren't any instructions as to how to use it and to get icons 
>>>>>>>>>>>> in a 
>>>>>>>>>>>> tiddler (unless I've missed them)
>>>>>>>>>>>>
>>>>>>>>>>>> I notice the cheat sheet doesn't work in my wiki, so that might 
>>>>>>>>>>>> be a clue that something's not right.
>>>>>>>>>>>>
>>>>>>>>>>>> Any pointers?
>>>>>>>>>>>>
>>>>>>>>>>>> Thanks
>>>>>>>>>>>> Jon
>>>>>>>>>>>>
>>>>>>>>>>>

-- 
You received this message because you are subscribed to the Google Groups 
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/a2ee25c8-b787-4a17-b135-a7d6d99bf871n%40googlegroups.com.

Reply via email to