problem with textbox (produced with ``)

[olafo...@gmail.com]

Hallo,
iam pretty new to TW and at the moment i try to build a framework. For better readability i want to emphasize single words.
Therefore i use the simple way of putting it inside grave accents. What i get is the box i went for but at the same time the text-color is changed to some red and the font is also altered i think.
Now my question: Where in this TW-workaround can i edit color/font/etc of the grave-textbox? I recognized that markup-code for simple style-changes like bold still work for the grave-textbox if i wrap it around the box.
But color changes are not overwritten (even if i use <div style...>)

code-example-snippet:
''`word`''
results in a boxed bold red word

<div style="color:blue">''`word`''</div>
results in a boxed bold red word


Thank you for you help.
olaf

[PMario]

On Tuesday, July 10, 2018 at 1:05:09 PM UTC+2, olafo...@gmail.com wrote:

iam pretty new to TW and at the moment i try to build a framework. For better readability i want to emphasize single words.

//italic// produces an <em> element in the rendered text, which is "emphasize". The default styline in TW is "italic"

 

Therefore i use the simple way of putting it inside grave accents.

`backtick` creates a <code> element, which is a completely different thing. .. So "misusing" it to emphasize some text will probably create problems in the furture. I would suggest to use //italic// instead.

 

see: https://tiddlywiki.com/#Formatting%20in%20WikiText

You can change any style using a tiddler tagged: $:/tags/Stylesheet

eg: myStyles

tag: $:/tags/Stylesheet

em {
  font-weight: bold;

  color: blue;

}

and so on.

have fun!

mario

[olafo...@gmail.com]

Thank you for the explanation mario.

Until i see the problems i might create i keep going with my box. (I have a number followed by my //name// followed by a description and just italic is not emphasizing enough...)
But probably i will remember your warning later...

For the moment i will try to figure out what i can do with your $:/tags/Stylesheet - Tiddler (and then probably come again for another question ^^ and then not in the developers-section .. sry...)

[jologsd...@gmail.com]

Hello, the single-backick creates a <code> tag, if you want to change its colors, you can go to 

ControlPanel > Appearance > Palette

Scroll to the bottom and click the "show editor" button, and look for Code background, Code border, and Code foreground

You can change the colors there. 

Hope this helps.

[olafo...@gmail.com]

Yes, this will help. Thank you.

I started to understand how it works to define/alter my own classes but this is the easy way i was looking for (yesterday) to just change that one specific color without going into code.