AO3 collapse tags/fandoms
Dec. 18th, 2020 18:49FYI, if you want to collapse long lists of tags or fandoms on AO3 and don't want to manually add it to AO3 savior, you can change your site skin to add a scrollbar to it.
What you do is:
1. Go to https://archiveofourown.org/skins
3. Go back to https://archiveofourown.org/skins and go to My Site Skins
4. Click Create Site Skin
5. Keep the type as "Site Skin" and add a Title
6. Paste all the CSS you copied in step 2 into the CSS text box
7. At the very end of the CSS, add the following lines:
9. Done! Now fandoms or tags that are longer than 10em will be turned into scroll bars! You can adjust that number as you like.
What you do is:
1. Go to https://archiveofourown.org/skins
2. If you already use a site skin and want to preserve those preferences, you should go find it on the list of public skins, then copy everything under CSS. In this image, you can see it will start with the line #outer .region, and then copy everything after that to the end of the page of CSS.


4. Click Create Site Skin
5. Keep the type as "Site Skin" and add a Title
6. Paste all the CSS you copied in step 2 into the CSS text box
7. At the very end of the CSS, add the following lines:
li.blurb .fandoms {
max-height: 10em;
overflow-y: auto;
}
li.blurb .tags {
max-height: 10em;
overflow-y: auto;
}
8. Click Usemax-height: 10em;
overflow-y: auto;
}
li.blurb .tags {
max-height: 10em;
overflow-y: auto;
}
9. Done! Now fandoms or tags that are longer than 10em will be turned into scroll bars! You can adjust that number as you like.