Chapter Text
Create a Skin
If you would like to use the optional wizard settings found in chapter 2, it doesn't matter if you do this first or that. Just make sure to save your work in between!
While logged into your AO3 account, navigate to your Dashboard, then Skins, then Create a Site Skin. Paste the following code into the CSS box to add the header, then save your skin with a unique name.
/*This code hides the regular logo, keeps “Archive of our Own” as is, and replaces “beta” with a boop image.*/
#header .logo,
#header h1.heading span {
display: none;
}
#header h1.heading a::before {
content: "Archive of Our Own";
text-shadow: 0 0 20px #12FFC0;
}
#header .heading sup {
visibility: hidden;
}
#header .heading sup::before {
content: url("https://i.imgur.com/rHWLZ2C.png");
text-shadow: 0 0 10px #12FFC0;
visibility: visible;
}