Chapter Title Header

[BettyBanana]

Is your feature request related to a problem? Please describe.

• I don't like the huge chapter title header, specially when the chapter title is so long that it occupies a lot of space. I tried changing the css but it doesn't seem to work. It just moves the header to the left or center.

Describe the solution you'd like

• I would like a feature where you can choose if you wanted to include the chapter title inside the chapter content.

Describe alternatives you've considered

• Maybe reduce the font size of the header.

Additional context
Add any other context or screenshots about the feature request here.
(I know I'm asking too much and I'm feeling guilty about this. If you guys consider accepting donations I'd be willing to do so 'cause I've been saving a lot of money using this hehe. Prevents me from subscribing another month to premium contents and such. Thank you very much!)

[gamebeaker]

@BettyBanana in the stylesheet you can just change how h1 is displayed:

h1, h2 {
   font-size: 0px;
   text-align: center;
   margin-bottom: 10%;
   margin-top: 10%;
}

i added font-size: 0px; this sets the font size of all h1, h2 texts to 0 pixel.

if you share a url i can maybe provide a better css selector.

[BettyBanana]

@BettyBanana in the stylesheet you can just change how h1 is displayed:

h1, h2 {
   font-size: 0px;
   text-align: center;
   margin-bottom: 10%;
   margin-top: 10%;
}

i added font-size: 0px; this sets the font size of all h1, h2 texts to 0 pixel.

if you share a url i can maybe provide a better css selector.

Sorry, it really doesn't change anything at all. Tried it a lot of times already before I request. But thank you so much! @gamebeaker

[dteviot]

@BettyBanana

You could use EpubEditor https://github.com/dteviot/EpubEditor to change the chapter titles (which I believe are <h1> elements to something smaller, like <h3>.
The following script should do the trick

for(let h1 of [...dom.querySelectorAll("h1")]) {
    let h3 = dom.createElement("h3");
    h3.textContent = h1.textContent;
    h1.replaceWith(h3);
}
return true;

[gamebeaker]

@BettyBanana can you please share a link from a story maybe the title isn't in a

<h1>

for this site.

[BettyBanana]

@BettyBanana

You could use EpubEditor https://github.com/dteviot/EpubEditor to change the chapter titles (which I believe are <h1> elements to something smaller, like <h3>.
The following script should do the trick

for(let h1 of [...dom.querySelectorAll("h1")]) {
    let h3 = dom.createElement("h3");
    h3.textContent = h1.textContent;
    h1.replaceWith(h3);
}
return true;

Omg, it worked! Thank you so much, I'm very grateful! What if I don't want the chapter title header at all, what script should I put? Sorry if I'm being a bother ><

[BettyBanana]

@BettyBanana can you please share a link from a story maybe the title isn't in a

<h1>

for this site.

Any story I guess.

[dteviot]

@BettyBanana

What if I don't want the chapter title header at all, what script should I put?

This should do it. Note, not tested.

for(let h1 of [...dom.querySelectorAll("h1")]) {
    h1.remove();
}
return true;