squashed images

Pictures on my Tumblr appear all vertically stretched! What do:

So, you make text posts with embedded images to the body and for some annoying reason the images always appear to look horizontally squished (or vertically stretched if you prefer) to fit the width of your layout! It ruins the looks of your posts as well as the content itself! How do you fix this? Turns out it’s ridiculously simple!

Go to your Tumblr Customize page, (you should see it as a button in the upper-right corner of your blog page itself,) and click the “Edit HTML” button.

Now, you should see a huge mess of code. Don’t worry about all of this too much, we’re going to be dealing with 99.98% none of it.

What we’re going to be doing is either adding or editing one parameter of your theme’s CSS section to tell images to automatically resize their vertical dimension based on the width of their container. Thus, maintaining a constrained aspect ratio.

First thing is first, we need to check whether your layout already has the CSS entry. Within the first ¼ of your theme’s coding, there should be a line that has the tag <style type=“text/css”>. This is the start of your CSS. The CSS ends when you find a line further down that contains </style>. Take a quick look through this section to see whether or not it contains an entry called “img” – if it does it would likely be near the beginning.

If this “img” entry already exists, we’re going to add one simple piece of code to it. Within the { } brackets following “img”, add this code (in bold) just before the closing } backet: height:auto;

If this “img” entry does not exist, we’re going to add it by making a new line between any other two entries in the CSS section. Copy and paste the following code (in bold) into that line: img {height:auto;}

*Note about the following bit: My theme thinks it’s being clever by substituting traditional greater-than / lesser-than symbols used for HTML tags with left and right arrows. Please disregard this and read them as normal greater-than/lesser-than symbols. Copying and pasting the code text will still work fine in your theme.*

If for some reason your theme HTML does NOT contain a <style> CSS section at all, we can simply create one. Search the first 1/3 of your theme’s code for the line with </head> in it. This is the end of your <head> section, and where your CSS parameters should be. So, just above the </head> line, add the following code (in bold):

<style type=“text/css”>
img {height:auto;}
</style>

Hit preview, then save! You’re all set.

So with this simple code fix, your posts can go from looking like this:

to this:

I’m procrastinating and impatient, so here’s a preview of the new B99 + Photographer/Model AU I’ve been developing!!
→ All the props to @peraltiagoisland​, @proofthatihaveaheart​, @three-drink-amy​, @elsaclack​, @tiadorable​, @stardustsantiago​, @littlegreenwomen​, @scullysthumbtacks​, @jokeperatla​, and @dogworldchampion​ for listening to me gush about this AU for daysssssss. 

Amy’s in the middle of typing out a text to Rosa (they’re ironing out the details for an upcoming shoot) when a notification pops up at the top of her screen. Her eyes flicker to it, and her heart skips a beat. 

thatjakeperalta liked your post

She bites her bottom lip and shakes her head, mentally chastising herself for reacting to such a tiny thing. So he liked one of her Instagram photos, big deal.

She finishes off her text, confirming the stylists have been notified on the time and venue of their shoot, then switches over to her Instagram app. She just wants to check how well her last post is doing, she couldn’t care less about some model double-tapping on her picture. 

Even if he is ridiculously attractive and funny and by far the nicest model she’s worked with in the seven years of her professional career. 

She brings up her activity feed, which is filled with likes and comments from her industry friends and other followers. It’s the message at the top that again throws her off for a second. 

She was expecting to find that he had liked her most recent photo, but the thumbnail beside the notification isn’t this morning’s sunrise. Instead, it’s her smiling at the camera excitedly. Rosa had snapped the photo when they had reached the destination of their hike nearly a year ago

Before she can fully process this, she gets a slew of new notifications – all about thatjakeperalta liking her photos. 

Her cheeks redden a smidge, and a grin spreads on her face as she realizes what’s going on. He’d been stalking her Instagram, and this is him trying to cover his tracks. 

She’s definitely been there, and she knows how embarrassing it feels. But also, she just can’t resist gloating in his misery. 

She quickly takes a screencap of the page and sends it to him. For good measure, she texts: 

Working hard, I see. 

On Jake’s end, he’s absolutely mortified. 

He’s past contemplating cutting off his thumb for getting him in this mess, and he’s right about ready to change his name and go off the grid. He’s pretty darn sure his mom wouldn’t mind, so long as he sends her a postcard every now and then. 

He reads Amy’s text and groans loudly, burying his burning face in his pillow. If he could just go back in time and stop himself from liking a photo posted 48 freaking weeks ago. 

Eventually, he lifts his head up and reaches for his phone on the nightstand. He pulls up the message again and sighs, wondering how he’s going to charm his way out of this. 

It takes awhile, but he finally replies: 

just doing research on this photog i’m working with next week. she’s ayt i guess?? :P

Amy snickers and takes a second to attach an old photo of him she had found when doing “research” of her own. It’s him in a cough syrup ad from at least five years ago, and he’s looking like he’s at death’s door. 

I’m not sure about this model I was assigned for a shoot. Do you think I should just call off the gig? 

The pit of dread in his stomach eases up, and he chuckles.

i’ll have you know, i got free cough meds for months after that. it was p sweet when flu season came around.

and ngl, there was like a span of 4 years where i just said yes to everything.

the modeling world is crayyyyyy.

The next thing he receives is a photo of him holding a snake. There’s more of a grimace on his face than a smile. 

Did you get to keep the snake after this or did the pet store give you other freebies? 

He laughs and gets up to grab one of the folders on his shelf. He hasn’t really been compiling his latest tear sheets, but his mom used to catalog his earliest work. He finds the oldest folder and flips to one of the first pages – a photo of him as a toddler, donning only a Baby Looney Tunes-themed diaper and beaming. He snaps a picture of the ad and sends it over. 

i hit my prime early and everything’s just been downhill after

you think i’m ever going to get back to this level???

She lets out an aww and makes a mental note to dig up the rest of his childhood work later. (Over the weekend, when she does find the time to hunt through various online archives, she finds herself having to squash down the image of a tiny Jake Jr. running around her apartment. She chalks it up to her hormones and natural maternal instincts.) 

She goes back to her Instagram app and scrolls through the photos he’s been tagged in. Her eyebrows shoot up at some of the earliest pictures, where he’s styled to look like genderbent Disney princesses. She vaguely recalls this going viral back in her college days, and she isn’t sure how she didn’t put two and two together. She double-taps on all of them and sends over a screencap of her favorite one. 

I didn’t realize this was you! This photo series was so cool!!! How did I miss that looksbylinetti was your make up artist?

lol yeah isn’t gina amazing?! fun fact: this was the project that got me an agent. shout out to charles and his love for disney!

So amazing. I have to bug Gina about this at our next shoot. You think she’d be open to doing a redux on these? We need to do one of you as Elsa!

He’s typing out his reply when he’s interrupted by a call from Gina Linetti herself. “Hello?”

“GIRL, YOU GOTTA ASK AMY OUT ASAP BECAUSE SHE’S TOTES STALKING YOU ON INSTA RIGHT NOW.” 

He laughs. “Yeah, I know.” 

“Uh- wait, ARE YOU WITH HER RIGHT NOW? Explain yourself, Jacob.”

“We’ve just been texting. It’s nothing. I accidentally liked one of her photos from a year ish ago, so we’ve been talking.” 

“Okay normally I’d disown you for that, but obviously your faux pas worked out somehow so.” 

“I mean nothing’s happened really, but -” 

“Nothing’s happened yet, boo! Okay, go back to flirting with Santiago or whatever. I’ll see ya at the shoot next week!”

Jake grins goofily in spite of himself, thankful he’s not in front of a camera for once. 

THIS TIP: SIZE

The ‘aesthetic’ tips series focuses on helping beginner to even advance graphic artists by providing thoughts and insights on photoshop and general aesthetic topics in order to produce the best results. Feel free to suggest topics at any time. In this post, we are focusing on all things size related! This one might be for beginners mostly.

Tips covered: Resizing without stretching/squashing (in gifs and images), picking the right size.

Keep reading

Adoption!verse remix -- because I don't have enough going on right now

So anonymousnerdgirl asked what would happen if Gold had found out about Bae when he was a baby.  The answer is this.

This is going to be a multi-part story and I am taking prompts for it, but I don’t think it’ll be as long as the other one (barring a massive outpouring of prompts, anyway) because I think ten years younger Gold and Belle will be much more open to a relationship.  I hope everyone enjoys it!

Keep reading