heyhey!
is it possible to replace the "next chapter" & "previous chapter" text with something else?
Hi! If you want to replace it with different text, use the following code. There might be a better way to do it, but this is the only method I can think of right now. You'll need to adjust the width for both buttons to fit your new text.
li.chapter.previous a { width: 3.5em; overflow: hidden; } li.chapter.previous a::before { display: block; content: "< PREV"; } li.chapter.next a { width: 3.5em; overflow: hidden; } li.chapter.next a::before { display: block; content: "NEXT >"; }
Replacing it with images is easier. Use the follwing code and replace the image url with your own.
li.chapter.previous a { content: url("https://zerafinacss.github.io/ao3/stats-icons/language-01.png"); } li.chapter.next a { content: url("https://zerafinacss.github.io/ao3/stats-icons/language-01.png"); }