IntroductionAbout EdTech BooksAccount ManagementCreating a BookCreating a ChapterEditing a ChapterAuthor ManagementEnsuring QualityPublishing My BookBasic FeaturesBook CoversCalloutsEquations with LaTeXGlossariesImagesVideosMicrosoft Word ConversionPDF ConversionPublic SubmissionsStylesWYSIWYG EditorAdvanced FeaturesAPICanvas EmbeddingChecking Grammar and SpellingCode SnippetsCSS CustomizationEmbedding H5P ElementsFlights or A/B TestingGoogle AnalyticsLanguagesPractice QuizzesSimplified ViewSynchronizationURL ShorteningAppendixFeature List

CSS Customization

While editing the book's cover page, you can include custom CSS into the Custom CSS field, and this will be applied to all chapters in the book.

This is very powerful and can have undesired effects, because the CSS is applied to the entire page (not just the chapter contents). For instance, including a line like the following

body { color: pink; }

would make all text in the book pink, including the author bios and other non-content elements.

To prevent CSS from changing site formatting unexpectedly, you can limit your adjustments to only apply to content within the article tag or the #chapter-container id as follows:

article h2 { color: pink; }
#chapter-container div.callout h3 { background-color: #6fbada; }