TumblrFeed

Curate, connect, and discover

Ao3 Css - Blog Posts

4 years ago

An AO3-CSS block walkthrough

Note, i actually dont know css. I've just learned this from assorted other tumblriets

Log in to Ao3

Go to your dashboard

An AO3-CSS Block Walkthrough

And then open the skins page

An AO3-CSS Block Walkthrough

Here, create your first site skin

Once you have created it, you will go to where it says edit below instead to update it as needed.

An AO3-CSS Block Walkthrough

At the very least, you will have to name it, then go to the CSS section.

An AO3-CSS Block Walkthrough

There is lots you can do here, but the two things I'm talking about is preventing specific stories (work) or authors(user) from being displayed to you.

You can add as many as you like, breaking them up with a comma, and ending with the {bracketed info}

.work-12345,

.user-12345 {

display: none !important;

}

Now to show you where to get the numbers to replace the 12345

First, work/stories. Open the piece you want to remove from your future browsing, and go to the url. It will be the first set of numbers. If you view stories chapter by chaper, there will be two sets of numbers so be sure you're capturing the right ones.

An AO3-CSS Block Walkthrough

Authors/user are not found in the url, but instead on their profile pages

An AO3-CSS Block Walkthrough

Once you are done, just submit.

If you are already using someone else's pre-created site skin, you can add it to your new skin! Even combine them if you like! Under the css section, there is an advanced option. Open it up and you can add existing public skins here

An AO3-CSS Block Walkthrough

Tags
Loading...
End of content
No more pages to load
Explore Tumblr Blog
Search Through Tumblr Tags