MobileRead Forums - View Single Post

sladflob · 05-09-2019, 03:50 AM

I have a book that contains a number of <hr class="transition"/> elements. When I read the book using KOReader on my Kobo this results in a long horizontal line which annoys me. I can get rid of the problem by removing all the <hr../> elements, but I thought a "better" way would be to use "display: none" in the book's stylesheet.

The stylesheet already contains a block for .transition so I figured that inserting "display: none;" at the top of that block would do what I want, but for some reason this does nothing. Just wondering if anyone can shed any light on what's going on. Like I said, I know I can fix it by deleting the tags but I'd like to learn a bit more about ePubs by changing the CSS.

Thanks.

05-09-2019, 03:50 AM	#1
sladflob Connoisseur Posts: 63 Karma: 10 Join Date: Feb 2013 Device: Kobo Touch, Aura One	display: none not working in ePub CSS I have a book that contains a number of <hr class="transition"/> elements. When I read the book using KOReader on my Kobo this results in a long horizontal line which annoys me. I can get rid of the problem by removing all the <hr../> elements, but I thought a "better" way would be to use "display: none" in the book's stylesheet. The stylesheet already contains a block for .transition so I figured that inserting "display: none;" at the top of that block would do what I want, but for some reason this does nothing. Just wondering if anyone can shed any light on what's going on. Like I said, I know I can fix it by deleting the tags but I'd like to learn a bit more about ePubs by changing the CSS. Thanks.