Mark, after inspecting the code in your file, I'd say Tones suggestion is your best bet if you want to type the symbols *directly *like you're doing. I.e in the code it reads
<td align="center">2♥</td> (which you might have typed as |2♥| to create a table cell ) AFAIK, it is not possible to only color *some *symbols red inside that. So, either the browser has to show certain symbols in special ways or you need to use something more accessible like a macro or a transclusion. I would suggest using macros instead and you could then type club/heart/spade/diamond like so: <<c>><<h>><<s>><<d>> it could also be <<♥>> etc. and these can be made to show the symbol in any color. If this syntax is good enough for you, but you need help to implement it, just say so. <:-) On Thursday, April 8, 2021 at 9:24:10 AM UTC+2 Mark Salib wrote: > Hi guys, thanks for the responses. I have attached a sample below. On my > laptop all card symbols are black :) > Thanks again! > > On Sun, Mar 28, 2021 at 3:40 AM R² <[email protected]> wrote: > >> Hi Mark, >> >> If as Mark mentioned, these are indeed UTF-8 symbols, TW is very good at >> leveraging CSS for these kinds of ends. Use your browser's inspect function >> to see whether you have some unique CSS wrapping you can put to use. >> >> For instance, there's a really neat (French) TW at >> https://silvyn.github.io/tw-n0d1/ that prettifies many types of links, >> adding a PDF icon when linking to a PDF, a Github icon before a link to >> Github, etc. I probably didn't extract that functionality properly as it's >> not properly packed as a distinct plugin and all my icons were appearing in >> black and white. I easily corrected the issue adding some bits of code to >> my personal stylesheet along the lines of: >> >> a[href$=".pdf"].tc-tiddlylink-external:before { >> color: #da251c !important; >> } >> >> (This example applying to links including a .pdf extension). >> >> I add any CSS tweaks to a personal stylesheet, which is simply a tiddly >> with a "$:/tags/Stylesheet" tag filed away under a special title >> "$:/plugins/[foo]/stylesheet/compacttweaks.css" (which makes it a system >> tiddler rather than a standard tiddler, thus hiding it away from basic >> search for instance). >> >> Best, >> R² >> Le samedi 27 mars 2021 à 18:46:25 UTC+1, [email protected] a écrit : >> >>> Hello, I have many wikis with playing card symbols: >>> >>> ♥♣♠♦ >>> >>> weird thing is the heart and diamond do not render as red on my computer >>> (all are black) however they do as black/red on my phone. Both are using >>> the latest version of TiddlyWiki linked to google drive and both are >>> accessed with google chrome. Any idea how I can render these colored >>> symbols properly on my laptop? >>> >>> Sorry if this topic has come up before! >>> Thanks and what a cool software product!! >>> >>> Mark >>> >> -- >> You received this message because you are subscribed to a topic in the >> Google Groups "TiddlyWiki" group. >> To unsubscribe from this topic, visit >> https://groups.google.com/d/topic/tiddlywiki/DeGpRCy59lE/unsubscribe. >> To unsubscribe from this group and all its topics, send an email to >> [email protected]. >> To view this discussion on the web visit >> https://groups.google.com/d/msgid/tiddlywiki/e578e903-5e30-4856-a30c-a3316fb14e3an%40googlegroups.com >> >> <https://groups.google.com/d/msgid/tiddlywiki/e578e903-5e30-4856-a30c-a3316fb14e3an%40googlegroups.com?utm_medium=email&utm_source=footer> >> . >> > -- 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/55d12567-c0f5-44ce-9a26-f7e22b4ee69fn%40googlegroups.com.
