How to remove cover border for Google Books(Epub)

Wlan · 06-07-2018, 09:30 AM

Hello!

I am new to Epub.

When I upload a Epub to Google Books it automatically create a border for all pages including the cover.

Is it possible to remove the border only for the cover? Here is my cover file:

<?xml version='1.0' encoding='utf-8'?>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:epub="http://www.idpf.org/2007/ops" xml:lang="pt-BR" lang="pt-BR">
<head>
<meta name="calibre:cover" content="true"/>
<title>Cover</title>
<style type="text/css" title="override_css">
@page {
padding: 0;
margin: 0;
}
body {
text-align: center;
padding: 0;
margin: 0;
}
</style>
</head>
<body>
<div>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="100%" height="100%" viewBox="0 0 1375 2200" preserveAspectRatio="xMidYMid meet">
<image width="1375" height="2200" xlink:href="cover.jpg"/>
</svg>
</div>
</body>
</html>

Even if I set the preserveAspectRatio="none" I get the same result.

Thank you!

Hitch · 06-07-2018, 12:37 PM

Can you show us what it's doing? I'm not following what you really mean, when you say a "border." Especially for all the screens of your ePUB (pages), given that there aren't any pages????

Hitch

theducks · 06-07-2018, 12:53 PM

BTW
border is a valid CSS setting (border-right: 0 ...)

Usually it is left at 'default', but you ca set the width, color and line type, to set a full or partial box around the block
See W3c 'Box Model' for more info
Please be careful on your word choices, lest we start down the wrong path.

Is it possible you image also has a (invisible) border?

"xMidYMid meet" keeps the picture from distorting (maintains aspect, regardless of the displays)

Hitch · 06-07-2018, 12:57 PM

Quote:

Originally Posted by theducks

BTW
border is a valid CSS setting (border-right: 0 ...)

Usually it is left at 'default', but you ca set the width, color and line type, to set a full or partial box around the block
See W3c 'Box Model' for more info
Please be careful on your word choices, lest we start down the wrong path.

Is it possible you image also has a (invisible) border?

"xMidYMid meet" keeps the picture from distorting (maintains aspect, regardless of the displays)

Ducky, my one twoo wuv:

S/he says, though, that it's also occurring on his/her "pages," which is why I asked for examples. Presumably, it's not just on the cover or other images.?

Hitch

Wlan · 06-07-2018, 01:16 PM

Quote:

Originally Posted by Hitch

Ducky, my one twoo wuv:

S/he says, though, that it's also occurring on his/her "pages," which is why I asked for examples. Presumably, it's not just on the cover or other images.?

Hitch

Guys,

I am editing my Epub on Calibre and I have set on my CSS:

* {
margin: 0;
padding: 0;
border-width: 0;
}

When I open my Epub on Calibre it shows everything without border or margin as it should be.

When I open my Epub on Google Books reader it adds a border or margin by default, wich is OK for all content but the cover.

You can upload a Epub to Google Books here: https://play.google.com/books

I am using on Android: https://play.google.com/store/apps/d...oid.apps.books

You can upload a Epub and you will see a white border around the cover

I am just wondering if is even possible by code to remove this default border of the cover on Google Books app.

Thank You!

Hitch · 06-07-2018, 03:24 PM

Quote:

Originally Posted by Wlan

Guys,

I am editing my Epub on Calibre and I have set on my CSS:

* {
margin: 0;
padding: 0;
border-width: 0;
}

When I open my Epub on Calibre it shows everything without border or margin as it should be.

When I open my Epub on Google Books reader it adds a border or margin by default, wich is OK for all content but the cover.

You can upload a Epub to Google Books here: https://play.google.com/books

I am using on Android: https://play.google.com/store/apps/d...oid.apps.books

You can upload a Epub and you will see a white border around the cover

I am just wondering if is even possible by code to remove this default border of the cover on Google Books app.

Thank You!

A "border" is not a margin. A border is, typically, a line or some other decorative element that is added AROUND the "page" or element in question. Like, around a div or a text-box. Honestly, in an ePUB, I'm kinda scratching my head about how you'd add a border to whatever you've done there; you seem to have added it to everything as a default.

My first thing would be to remove the border css entirely. Yes, I know, you have it set to 0, but there's no reason for that to be there at all. Remove it entirely, the whole line, and see if that helps. ALSO, remove it anyplace else in your CSS/HTML.

I think you'll find that nobody here is going to upload an ePUB to Google Books, just to test your stuff. You'll get better help if you ask questions with screenshots, your code, etc., so that we can take a look and help you, okay?

Good luck--let us know if it works.

Hitch

Wlan · 06-07-2018, 04:34 PM

Quote:

Originally Posted by Hitch

A "border" is not a margin. A border is, typically, a line or some other decorative element that is added AROUND the "page" or element in question. Like, around a div or a text-box. Honestly, in an ePUB, I'm kinda scratching my head about how you'd add a border to whatever you've done there; you seem to have added it to everything as a default.

My first thing would be to remove the border css entirely. Yes, I know, you have it set to 0, but there's no reason for that to be there at all. Remove it entirely, the whole line, and see if that helps. ALSO, remove it anyplace else in your CSS/HTML.

I think you'll find that nobody here is going to upload an ePUB to Google Books, just to test your stuff. You'll get better help if you ask questions with screenshots, your code, etc., so that we can take a look and help you, okay?

Good luck--let us know if it works.

Hitch

Hitch, I know CSS/HTML an I know "border" is not a margin I expressed myself poorly, sorry about that.

As you should know many Epub readers add a margin by default like Google Books.

I don't know if is possible to remove this default margin from the cover.

Here is the screenshot, you can see the white margins around.

Thanks!

Hitch · 06-07-2018, 07:28 PM

Quote:

Originally Posted by Wlan

Hitch, I know CSS/HTML an I know "border" is not a margin I expressed myself poorly, sorry about that.

As you should know many Epub readers add a margin by default like Google Books.

I don't know if is possible to remove this default margin from the cover.

Here is the screenshot, you can see the white margins around.

Thanks!

AH. As far as I know, just like with Amazon, it's not possible. Assuming that the cover is correctly configured, this is simply "how it is." We get this question ALL the time about Amazon, b/c people get their knickers in a twist, that their cover doesn't fill the whole screen, yadda, but what they don't realize is, according to all use statistics, other than on the sales page, people do not look at the cover again, other than as a placeholder thumbnail on their bookshelf/carousel.

Sorry--maybe one of the publishers here who is more familiar with Google Books can help you, but I suspect not.

Hitch

Notjohn · 06-10-2018, 06:44 AM

For a couple years I uploaded the same epub to the KDP as I sent to other bookstores, and once or twice, before I changed my ways, I got the dreaded double cover. My included cover had the white margin; KDP's merged cover filled the screen, at least horizontally.

The first thing I do with every ebook I download, the first thing I do is page back to the cover, then slowly go forward through title page etc, savoring every bit with the possible exception of the TOC in boy-thriller books (they are usually just numbers, and there are scores of them!).

JSWolf · 06-11-2018, 10:22 AM

Please take the ePub as downloaded by Google Books and post the cover code along with the resolution of the cover image as well as any relevant CSS from the CSS file. Then we ca have a look and see what's going on. Also, you'll see if the code in your cover has been changed.

Wlan · 06-11-2018, 11:22 AM

Quote:

Originally Posted by JSWolf

Please take the ePub as downloaded by Google Books and post the cover code along with the resolution of the cover image as well as any relevant CSS from the CSS file. Then we ca have a look and see what's going on. Also, you'll see if the code in your cover has been changed.

JSWolf,

That's a great idea. Unfortunately I have found that you can only download the Epubs that were purchased from Google Books, so I can not download an Epub that I uploaded.

The code I used and the screenshot are in this post, I tested on different devices with the same result, I believe that any code would have the same result, I tried many things. I think it's a Google Books standard, and maybe it really is not possible to change.

Either way it's just a detail, everything else is working perfectly.

Thanks for all the help!

06-07-2018, 09:30 AM	#1
Wlan Enthusiast Posts: 25 Karma: 10 Join Date: Jun 2018 Device: none	How to remove cover border for Google Books(Epub) Hello! I am new to Epub. When I upload a Epub to Google Books it automatically create a border for all pages including the cover. Is it possible to remove the border only for the cover? Here is my cover file: <?xml version='1.0' encoding='utf-8'?> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:epub="http://www.idpf.org/2007/ops" xml:lang="pt-BR" lang="pt-BR"> <head> <meta name="calibre:cover" content="true"/> <title>Cover</title> <style type="text/css" title="override_css"> @page { padding: 0; margin: 0; } body { text-align: center; padding: 0; margin: 0; } </style> </head> <body> <div> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="100%" height="100%" viewBox="0 0 1375 2200" preserveAspectRatio="xMidYMid meet"> <image width="1375" height="2200" xlink:href="cover.jpg"/> </svg> </div> </body> </html> Even if I set the preserveAspectRatio="none" I get the same result. Thank you!

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Remove border css	pvalle29	Conversion	6	11-27-2013 04:24 AM
can i remove the cover image from the end of epub book?	granturissimus	Conversion	2	11-14-2011 09:14 PM
Google Books Offers ePub Downloads Of Free Books	AprilHare	News	19	05-17-2011 10:02 PM
How To Remove White Border From Epub Cover	crestfalleen	Calibre	13	05-25-2010 12:21 PM
Remove white border (batch) OS X	etherspin	Workshop	0	03-14-2009 08:55 PM

06-07-2018, 12:37 PM	#2
Hitch Bookmaker & Cat Slave Posts: 11,462 Karma: 158448243 Join Date: Apr 2010 Location: Phoenix, AZ Device: K2, iPad, KFire, PPW, Voyage, NookColor. 2 Droid, Oasis, Boox Note2	Can you show us what it's doing? I'm not following what you really mean, when you say a "border." Especially for all the screens of your ePUB (pages), given that there aren't any pages???? Hitch

06-07-2018, 12:53 PM	#3
theducks Well trained by Cats Posts: 29,817 Karma: 54830978 Join Date: Aug 2009 Location: The Central Coast of California Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A	BTW border is a valid CSS setting (border-right: 0 ...) Usually it is left at 'default', but you ca set the width, color and line type, to set a full or partial box around the block See W3c 'Box Model' for more info Please be careful on your word choices, lest we start down the wrong path. Is it possible you image also has a (invisible) border? "xMidYMid meet" keeps the picture from distorting (maintains aspect, regardless of the displays)

06-10-2018, 06:44 AM	#9
Notjohn mostly an observer Posts: 1,515 Karma: 987654 Join Date: Dec 2012 Device: Kindle	For a couple years I uploaded the same epub to the KDP as I sent to other bookstores, and once or twice, before I changed my ways, I got the dreaded double cover. My included cover had the white margin; KDP's merged cover filled the screen, at least horizontally. The first thing I do with every ebook I download, the first thing I do is page back to the cover, then slowly go forward through title page etc, savoring every bit with the possible exception of the TOC in boy-thriller books (they are usually just numbers, and there are scores of them!).

06-11-2018, 10:22 AM	#10
JSWolf Resident Curmudgeon Posts: 74,037 Karma: 129333114 Join Date: Nov 2006 Location: Roslindale, Massachusetts Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3	Please take the ePub as downloaded by Google Books and post the cover code along with the resolution of the cover image as well as any relevant CSS from the CSS file. Then we ca have a look and see what's going on. Also, you'll see if the code in your cover has been changed.

Advert

Advert