Sigil superscript footnote size

ebookscovers · 12-10-2024, 05:13 PM

Hi there. looking for a simple amendment. see screenshot. everything is fine. just want to reduce the size of the '3' of the footnote in the chapter heading to at least half the size. what tag/code do in insert before and after the '3' if this is possible?

thanks

David

as per screenshot:

The Craytúreen<a id="box3_noteref_114" class="nostyle" href="Flow_8.xhtml#box3_footnote_114">3</a>*of Glenamaddy

Turtle91 · 12-10-2024, 06:48 PM

The easiest answer to your question is to just define your css for the tag…

Something like:

Code:

sup {font-size:.6em}

However, I (and many others here) would take a bit more time to clean that massive code bloat to something like:

Code:

CSS:
h3   {//* set whatever styling you want here *//}
a.fn {//* set whatever styling you want here *//}

HTML:
<h3>The Craytúreen
     <a id="ref_114"  
        href="Flow_8.xhtml#fn_114" 
        class="fn">3*</a>
      of Glenamaddy</h3>

//* cr/lf added here for readability *//

KevinH · 12-10-2024, 06:52 PM

That all depends on the css used. It seems the a tag has a class called "nostyle". You can either modify the font size used in that style or create a new style that sets it the way you want. You could also add a class to the sup element itself and style it any way you want.

Turtle-91 beat me to it. His answer will work well.

12-10-2024, 05:13 PM	#1
ebookscovers Enthusiast Posts: 49 Karma: 10 Join Date: Mar 2016 Device: Ipad mini 2	Sigil superscript footnote size Hi there. looking for a simple amendment. see screenshot. everything is fine. just want to reduce the size of the '3' of the footnote in the chapter heading to at least half the size. what tag/code do in insert before and after the '3' if this is possible? thanks David as per screenshot: <p id="box3_0" class="para-Normal-Local-5"><span class="char-Normal-Local-5">The Craytúreen</span><span class="char-Normal-Local-8"><sup><a id="box3_noteref_114" class="nostyle" href="Flow_8.xhtml#box3_footnote_114">3</a></sup></span><span class="char-Normal-Local-5">*</span></p><p id="box3_21" class="para-Normal-Local-5"><span class="char-Normal-Local-5">of Glenamaddy </span><span class="char-Normal-Local-44"></span></p> Attached Thumbnails

12-10-2024, 06:48 PM	#2
Turtle91 A Hairy Wizard Posts: 3,346 Karma: 20171571 Join Date: Dec 2012 Location: Charleston, SC today Device: iPhone 15/11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire	The easiest answer to your question is to just define your css for the <sup> tag… Something like: Code: sup {font-size:.6em} However, I (and many others here) would take a bit more time to clean that massive code bloat to something like: Code: CSS: h3 {//* set whatever styling you want here //} a.fn {// set whatever styling you want here //} HTML:* <h3>The Craytúreen <a id="ref_114" href="Flow_8.xhtml#fn_114" class="fn">3</a> of Glenamaddy</h3> // cr/lf added here for readability *//

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Increasing font size of Footnote Preview	foosion	Kobo Developer's Corner	5	08-18-2024 06:41 PM
Sigil superscript line spacing	ebookscovers	Sigil	24	04-01-2023 10:23 AM
Sigil edit italics size	ebookscovers	Sigil	4	06-27-2022 12:56 PM
Change size of popup footnote window for iBooks?	achiral	ePub	19	06-16-2019 01:39 PM
Decrease font size for superscript text?	Bothkill	Calibre	2	07-17-2013 02:34 PM

12-10-2024, 06:52 PM	#3
KevinH Sigil Developer Posts: 8,748 Karma: 5706256 Join Date: Nov 2009 Device: many	That all depends on the css used. It seems the a tag has a class called "nostyle". You can either modify the font size used in that style or create a new style that sets it the way you want. You could also add a class to the sup element itself and style it any way you want. Turtle-91 beat me to it. His answer will work well.

Advert