missing header

brinded · 07-04-2013, 09:03 AM

I'm trying to decrease the space that appears above titles in order to fit more content onto each page. For reasons unknown, opening a Pages ePub in Sigil causes a larger gap to appear above title.

Looking at html, it appears to be using h4:

Code:

<body>
  <h4 id="sigil_toc_id_1"><span id="chapter-1-sh1"></span>IN HER WORDS</h4>

  <p class="s6 s7">I first thought about writing this book back in 1999...

So, I went to Sigil CSS to look for h4 but it doesn't appear to exist. Many other headings do, but not h4.

I suppose I could create/define an h4, but other than space before title, I'm pretty happy with the way it is - and don't want to go messing with something that isn't (too) broken.

Any ideas?

ps attachment shows screenshots from iPad with Pages ePub alongside post-Sigil ePub.

brinded · 07-04-2013, 09:19 AM

Incidentally, the h4 style originates from Apple's sample document - provided on support pages for Creating ePub files with Pages:

Quote:

Download the “ePub Best Practices” sample document at the following web address:
http://images.apple.com/support/page...actices_EN.zip

theducks · 07-04-2013, 02:38 PM

you could resize everything about a h4 in the CSS

h4 {font-size: 12pt; margin-top: 6pt; margin-bottom: 6pt;}
choose your own values

IMHO slightly better (an allows for h4 to be used normally elsewhere), is to create a style with your values and add class="mystylename" to each of those (h4) places you want to slim down

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Removing a header	pckopp	Calibre	1	12-11-2010 01:33 PM
Missing covers, missing content. Getting worse with each sync.	Mememememe	Kobo Reader	7	06-16-2010 09:02 AM
Changing the header	VicLavigne	Calibre	2	12-28-2008 10:46 AM
No Title Header in 0.4.91?	nellow	Calibre	14	12-15-2008 04:35 PM

07-04-2013, 02:38 PM	#3
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	you could resize everything about a h4 in the CSS h4 {font-size: 12pt; margin-top: 6pt; margin-bottom: 6pt;} choose your own values IMHO slightly better (an allows for h4 to be used normally elsewhere), is to create a style with your values and add class="mystylename" to each of those (h4) places you want to slim down

Advert