-
Ao3 Collection Header Size, all ao3 branding has been removed. It also assumes you're accessing the site in the default skin. This tutorial will guide you step-by-step through the New Collection form on Archive of Our Own (AO3). Oct 31, 2025 · This is a tutorial/live example on how to override the Archive's automated chapter heading system and define your own (eg remove "Chapter 1: Chapter Title" and insert "Act 1, Verse 1" instead). Please make allowances if your site customization is different. It assumes you have no prior knowledge of creating a collection. the header menus look like glowing buttons to Kraith Collected, a collection of Star Trek zines set in the Kraith universe, is importing a copy of the zines’ fanworks to the Archive of Our Own (AO3). Sep 26, 2020 · ao3 skin Fanwork Research & Reference Guides Work Skin Live example and tutorial on how to insert a fanfic header + fic tags + summary in your fanfic. More often than not, the answer is to use a site skin. It's super EASY! Oct 31, 2025 · No Archive Warnings Apply CSS Work Skins Work Skin workskin workskins code Coding Snippet HTML ao3 - Freeform fonts Font color Font size Highlight - Freeform highlights Background - Freeform Backgrounds Unconventional Format Tutorial how to site skin view work skin see rules Inspect Fanwork Research & Reference Guides HTML Tryhard Explains: how to make a work skin; how to view fics' work skin Nov 16, 2015 · Collections: Fanfiction Reference Works, A Guide to Coding and Fanworks, Metatextual reference material and writing resources, Non-Fandom Formatting Guides, Marigolds Discord Recs, The Witch's Brew, StrayAmishFool's favorite one that I love, Site Coding Mar 31, 2024 · This code also replaces the AO3 logo in the header and the small blue lock for restricted works with higher-resolution versions (the difference is particularly noticeable on screens with a high resolution). CSS is my own and not copied from somewhere else. What size do you make your Header to best fit the AO3 document? Like, what Width and what Height? I think I read somewhere that it adjusts automatically too, whether you're reading on a phone screen or laptop screen, and I just wanted to ask if that's correct? Or do I need to take that into account somehow? An unofficial sub devoted to AO3. It finally exists. May 30, 2024 · Is there a code that I could add to my site skin that would change the font size on mobile, but that would only change the size in the summary box, in the fic itself and in the box with the tags, fandom and pairing? so that header sizes and everything else would remain the same?. There are a lot of ready-made skins available for logged in users, but if you want a particular feature or function, you need to know a little bit of CSS. The Archive of Our Own (AO3) offers a noncommercial and nonprofit central hosting place for fanworks. Image size in fics, what's the best way to ensure it works on mobile? Questions/Help? So I wanna insert an image in my work but I'm kinda paranoid about the image size mucking up the entire thing on mobile, and I really wanna get this right first try reblog? today I figured out how to adjust the size of the ao3 header then I just plonked it on top of reversi because I didn’t want to code the rest of the skin 🤣 [screenshot of the top of the ao3 homepage. tobamz, ttv3, yqghekp, 2ghfs, trqwv, eti, vlh7, sdmal7, usf, iari,