Change background in reader Calibre

Dia1 · 11-10-2022, 06:18 PM

Hallo,
How to color the sides in the reader in a different color with calibre in style.css?
Where exactly do you need to change the background image, then only the side white sides? I don't need to change the color in the middle
Thanks

theducks · 11-10-2022, 06:35 PM

IN THE VIEWER (I moved your post since you said 'reader')

Preferences: Styles
Preferences: Colors:+New Scheme

Dia1 · 11-11-2022, 05:23 AM

Hello

Thank you for reply. To be more exact, my purpose is to set the light grey color as background for the whole viewer window. I almost managed to do so, but there remains a white padding at the borders, as you can see in the screenshot. The question is how to eliminate the remaining white padding .

I dis not manage to find what is meant by "preferences' 'styles'

Thanks

BetterRed · 11-11-2022, 05:38 AM

The margins will default to the background, so these settings:

Click image for larger version

Name: Screenshot 2022-11-11 213446.jpg
Views: 498
Size: 127.8 KB
ID: 197659

Give me this:

Click image for larger version

Name: Screenshot 2022-11-11 213225.jpg
Views: 126
Size: 467.5 KB
ID: 197660

BR

Dia1 · 11-11-2022, 09:07 AM

Thank you so mutch!!! It works!

Dia1 · 11-11-2022, 09:24 AM

And also one qestion: How do i move text away from margins?

theducks · 11-11-2022, 09:32 AM

Quote:

Originally Posted by Dia1

And also one qestion: How do i move text away from margins?

Margins are how you move text away from the Edge normally.

Padding is how you move text away from a BORDER (the default is invisible and 0 padding)
If you plan on selling the work: Don't do that. For your own use, whatever floats your boat.

BTW Keyword to research Box Model

Dia1 · 11-11-2022, 11:36 AM

It's just for comfort reading for me)

Dia1 · 11-11-2022, 11:43 AM

The text is too close to the edges, I tried everything, it does not work

BetterRed · 11-11-2022, 05:48 PM

Quote:

Originally Posted by Dia1

The text is too close to the edges, I tried everything, it does not work

Your 'everything' must have excluded the obvious ==>> Viewer->Preferences->Page Layout:

This :

Click image for larger version

Name: Screenshot 2022-11-12 093920.jpg
Views: 462
Size: 126.7 KB
ID: 197667

Produced this :

Click image for larger version

Name: Screenshot 2022-11-12 094023.jpg
Views: 104
Size: 467.0 KB
ID: 197668

BR

Dia1 · 11-13-2022, 12:46 PM

Hello. Unfortunately does not take in this windowed mode. The size of the fields themselves changes, but the text is still very close to the edges

Comfy.n · 11-13-2022, 03:02 PM

Quote:

Originally Posted by Dia1

Hello. Unfortunately does not take in this windowed mode. The size of the fields themselves changes, but the text is still very close to the edges

Did you try setting the margins in the Viewer, as shown above by BetterRed, to a larger value, like 60px?

Comfy.n · 11-13-2022, 05:23 PM

Quote:

Originally Posted by Dia1

Hello. Unfortunately does not take in this windowed mode. The size of the fields themselves changes, but the text is still very close to the edges

you could also try this:

convert epub -> epub, removing margins, fonts... whatever needed:

Click image for larger version

Name: MWSnap0865 2022-11-13, 19_16_01.jpg
Views: 104
Size: 26.8 KB
ID: 197714

Dia1 · 11-14-2022, 10:24 AM

Didn't help(Text glued to the edges(

Dia1 · 11-14-2022, 10:39 AM

I want to do like this (in another program)

11-10-2022, 06:18 PM	#1
Dia1 Member Posts: 15 Karma: 10 Join Date: Nov 2022 Device: none	Change background in reader Calibre Hallo, How to color the sides in the reader in a different color with calibre in style.css? Where exactly do you need to change the background image, then only the side white sides? I don't need to change the color in the middle Thanks Attached Thumbnails

11-11-2022, 05:38 AM	#4
BetterRed null operator (he/him) Posts: 21,725 Karma: 29711016 Join Date: Mar 2012 Location: Sydney Australia Device: none	The margins will default to the background, so these settings: Give me this: BR

11-11-2022, 11:43 AM	#9
Dia1 Member Posts: 15 Karma: 10 Join Date: Nov 2022 Device: none	The text is too close to the edges, I tried everything, it does not work Attached Thumbnails

11-14-2022, 10:24 AM	#14
Dia1 Member Posts: 15 Karma: 10 Join Date: Nov 2022 Device: none	Didn't help(Text glued to the edges( Attached Thumbnails

11-14-2022, 10:39 AM	#15
Dia1 Member Posts: 15 Karma: 10 Join Date: Nov 2022 Device: none	I want to do like this (in another program) Attached Thumbnails

11-10-2022, 06:35 PM	#2
theducks Well trained by Cats Posts: 31,057 Karma: 60358908 Join Date: Aug 2009 Location: The Central Coast of California Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A	IN THE VIEWER (I moved your post since you said 'reader') Preferences: Styles Preferences: Colors:+New Scheme

11-11-2022, 05:23 AM	#3
Dia1 Member Posts: 15 Karma: 10 Join Date: Nov 2022 Device: none	Hello Thank you for reply. To be more exact, my purpose is to set the light grey color as background for the whole viewer window. I almost managed to do so, but there remains a white padding at the borders, as you can see in the screenshot. The question is how to eliminate the remaining white padding . I dis not manage to find what is meant by "preferences' 'styles' Thanks

11-11-2022, 09:07 AM	#5
Dia1 Member Posts: 15 Karma: 10 Join Date: Nov 2022 Device: none	Thank you so mutch!!! It works!

11-11-2022, 09:24 AM	#6
Dia1 Member Posts: 15 Karma: 10 Join Date: Nov 2022 Device: none	And also one qestion: How do i move text away from margins?

11-11-2022, 11:36 AM	#8
Dia1 Member Posts: 15 Karma: 10 Join Date: Nov 2022 Device: none	It's just for comfort reading for me)

11-13-2022, 12:46 PM	#11
Dia1 Member Posts: 15 Karma: 10 Join Date: Nov 2022 Device: none	Hello. Unfortunately does not take in this windowed mode. The size of the fields themselves changes, but the text is still very close to the edges

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
How can I change background color?	AxaRu	Sigil	5	02-11-2022 10:25 AM
Calibre Reader Ignores Background Color?	JimmXinu	Calibre	8	01-25-2021 05:09 PM
change background color?	suniram	Calibre	8	05-26-2016 01:17 PM
Calibre reader CSS for background image help	Vortex	Calibre	19	05-01-2014 06:33 PM
Any epub reader for PC allows me to change text and background color?	ttluisa	General Discussions	5	05-11-2010 11:04 PM