Quote:
Originally Posted by sladflob
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.
|
Try inserting "display: none;"
at the end of the class ".transition". That because if you add that line at the beginning, it could be possible that some lines after, inside the .transition class, is something like "display: block;" that would overwrite what you wrote at the starting. So, write the property "display: none;" AT THE END.