Working with text color in Sigil?

wlashack · 03-27-2018, 06:12 AM

Hello,
I use Sigil to create my ebooks and there is one thing I do not know how to perform - I need to mark parts of text and assign it a color. Is there a better way to do it in Sigil than to edit the code every time manually? Thanks.

Maui · 03-27-2018, 08:08 AM

Well just create a CSS Rule for this and embed the words in a span. To be honest i don't know what you mean with "every time in sigil", once you did it and saved it is persistent. Or do you mean you have always the same words to be colored?

Code:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<link href="../Styles/Style0001.css" type="text/css" rel="stylesheet"/>
</head>
<body>
<p>test <span class="red">test</span> test</p>
</body>
</html>

with stylesheet STYLE0001.CSS

Code:

.red {
  color: #ff0000;
}

Doitsu · 03-27-2018, 08:43 AM

IMHO, the best way to do this is to create different styles and matching clips for each color:

1. Create a red style, as Maui suggested.
2. Open the Clip Editor (CTRL+ALT+C) and create a clip with Red as the name value and <span class="red">\1</span> as the text value. (\1 is a placeholder for selected text.)
3. Display the Clip Bar toolbar.
4. Select text and click the Red button in the Clip Bar.

wlashack · 03-27-2018, 09:24 AM

THIS IS IT! Thanks a lot, CLIPS is the tool I was looking for.

Thanks both for advice and help!

03-27-2018, 06:12 AM	#1
wlashack Member Posts: 20 Karma: 10 Join Date: Mar 2018 Device: none	Working with text color in Sigil? Hello, I use Sigil to create my ebooks and there is one thing I do not know how to perform - I need to mark parts of text and assign it a color. Is there a better way to do it in Sigil than to edit the code every time manually? Thanks.

03-27-2018, 08:08 AM	#2
Maui Connoisseur Posts: 57 Karma: 600000 Join Date: Jan 2018 Device: Galaxy Tab S2	Well just create a CSS Rule for this and embed the words in a span. To be honest i don't know what you mean with "every time in sigil", once you did it and saved it is persistent. Or do you mean you have always the same words to be colored? Code: <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <link href="../Styles/Style0001.css" type="text/css" rel="stylesheet"/> </head> <body> <p>test <span class="red">test</span> test</p> </body> </html> with stylesheet STYLE0001.CSS Code: .red { color: #ff0000; } Last edited by Maui; 03-27-2018 at 08:12 AM.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Text color and background color almost the same	larrymohr	Kobo Tablets	2	11-20-2011 07:59 PM
Sigil 0.3.4 / Sigil 0.4.0 RC1 / Cover in Nook Color	Bertrand	Sigil	13	08-06-2011 05:06 AM
Different color for headings in Sigil	Alda	Sigil	1	01-24-2011 05:19 PM
Can Sigil be downloaded and used in the Nook Color?	gatorman	Sigil	1	01-08-2011 07:18 AM
Sigil 0.1.2 for Mac not working	AprilHare	Sigil	6	02-10-2010 10:25 AM

03-27-2018, 08:43 AM	#3
Doitsu Grand Sorcerer Posts: 5,763 Karma: 24088559 Join Date: Dec 2010 Device: Kindle PW2	IMHO, the best way to do this is to create different styles and matching clips for each color: 1. Create a red style, as Maui suggested. 2. Open the Clip Editor (CTRL+ALT+C) and create a clip with Red as the name value and <span class="red">\1</span> as the text value. (\1 is a placeholder for selected text.) 3. Display the Clip Bar toolbar. 4. Select text and click the Red button in the Clip Bar.

03-27-2018, 09:24 AM	#4
wlashack Member Posts: 20 Karma: 10 Join Date: Mar 2018 Device: none	THIS IS IT! Thanks a lot, CLIPS is the tool I was looking for. Thanks both for advice and help!