Rebagling Here Because This Is Really Good If You Are Like Me And A) Wonder Why AO3 Doesn't Do Responsive

Rebagling here because this is really good if you are like me and a) wonder why AO3 doesn't do responsive images and b) are really fucking anal about these things ♡

If you embed images on AO3, you might have noticed that wide images like covers extend past the screen width on smaller mobile devices. To view the whole image, a reader has to scroll to the right.

There’s an easy fix for this. Go to Skins –> My Work Skins –> Create Work Skin (or edit your existing skin). Enter the following:

#workskin img { max-width: 100%; height: auto; }

This sets your image’s maximum possible width as the width of the element that contains it. So if the image is 800px wide, but its parent is just 600px wide, the image will adjust to fit. Setting the height to adjust automatically ensures the image ratio is maintained.

Bulk-apply the work skin or just edit the fics with embedded art. If you need help with this, let me know!

ETA: I edited the explanation for why this works so it was more precise, but I wanted to say you can also use this technique on your tumblr theme, if you have elements that extend past their parent contains. You might have to play around to get them working. Feel free to message me if you get stuck.

Tags

ao3 coding css

More Posts from Jesibeans and Others

jesibeans

6 years ago

Hah so here's the piece for @laurent-ofvere for the @capri-bigbang2k18 fic "From the Depths" specifically this bit:

Damen could feel the water seeping into his pants, the fabric sticking to his thighs. Damen pressed the heels of his feet into the stone and pulled off his boots, but was otherwise unbothered. Water dried, and he wasn’t above relishing in the fact that he had managed to incite a reaction, despite the indifferent gaze with which it was delivered.

“If you wanted to get me wet so badly,” Damen said. “You could have just asked me to jump in with you. I don’t mind water.”

“If I ask you to leave, will you do that?” he asked. “I mind you.”

Aaah only took me half a century to edit it the way I like it but traditional art /shrug; really happy to have done this ♡

Tags

fanart watercolor ink captive prince laurent of vere from the depths captive prince big bang 2018 laurent-ofvere capribigbang2k18

79 notes View Post

jesibeans

10 years ago

Kohaku this time! #oc #doodle

3 notes View Post

jesibeans

6 years ago

Because @dragonhotcoffee asked so nicely; have sweater vest Laurent (trying to hide he is impressed by Akielon beef.)

Tags

fanart the akielon beef came from a fountain theres yalls hint

2 notes View Post

jesibeans

10 years ago

And Whimsicott/Erefun from Pokemon which is for twitterdex on, well, twitter! Had so much fun with the little guy and they're super sparkly in my sketchbook c:

Tags

artists on tumblr watercolor pencil gel pen art tag j. godfrey

2 notes View Post

jesibeans

6 years ago

So wow some news

A) been working at a restaurant in town! Love it so far but the pay isn't the best? So times are lean

B) my phone decided to stop working? It's an old Samsung Galaxy S4 so gonna get it looked into but worried I may need a new phone.

So in the event of that, I do have a Ko-fi page for writing and art. Well see what happens in the meantime.

Tags

artists on tumblr signal boost ko fi link jgodfrey

39 notes View Post

jesibeans

8 years ago

Hey, all, if you wanted to buy prints from me but missed me at cons and the like, I’m running a sale on my Storenvy site!

My market place store is participating in the Black Friday (30% off,) Shop Small Saturday (25% off,) and Cyber Monday (40% off) sales. If you miss those, fear not, because my custom store is offering a deal from now until 15 December: 25% off your purchase of $15 or more (including originals!)

Tags

artists on tumblr voltron paintings sailor moon originals j. godfrey

6 notes View Post

jesibeans

10 years ago