• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer

Now booking projects for November 2020

Let’s Chat

(0)

Overlock Design Co.

  • Custom Websites
  • Themes
  • Maintenance
  • Blog
  • About
  • Contact
  • Like on Facebook
  • Follow on Instagram
  • Follow on Pinterest
  • Follow on Twitter

Authority Pro Featured Image Template

February 4, 2019 • GenesisWP, WordPress

Heads up! This post contains Affiliate Links. If you make a purchase from this post, I may get a little kickback from the company. If you’d like to learn more about my use of Affiliate Links, you can do so here.

When I was working on the new site for Equine Essential Wellness, we hit a little issue: the featured images in Authority Pro are a bit odd sized. Angie’s existing featured images were too big, and the main part of the image or text copy was being cut off. But only on certain sizes.

I dug into the code and discovered that there are two “featured image” sizes for Authority Pro. On individual posts, the image shows up as a hero image and is 1200 x 385 px. And it looks really good.

On blog posts in Authority Pro, the featured image becomes a stylish header image that takes up a big part of the screen.

But on Blog Pages, Archives, and widgets, the image is cropped to 680 x 290 px. Not only is this a drastically different size, it’s a drastically different aspect ratio. And since it’s a hard crop, parts of your images (and text) might get cut off if you use the 1200 x 385 px size.

Soooo what do you do? Well, you don’t have to do anything. I did it for you! Armed with a handy dandy calculator and Photoshop, I came up with a template for featured images in Authority Pro. This way, you know exactly how the image is going to crop and can make sure your images look perfect on all of your pages.

This template will help you design Authority Pro Featured Images so that your images and text don't get cropped weird.
Click the image to download the full size template.

Essentially, you want to use the full size of 1200 x 385 px. But you want to make sure that your text and other important elements are contained to a 900 px section in the center. That way when the theme uses your image, it looks right on both single posts and archives/widgets.

How to Use the Template

First, click on it above to download the full-size image. (To download images, Right Click > Save As or drag it to your desktop.)

Then, go to your image editor of choice (Photoshop, Canva, it’ll work anywhere!) and open up the image.

Finally, use it to design your featured image! I’d recommend making it a semi-transparent layer on top of your featured image, so you can line up the elements underneath it and make sure everything fits correctly.

Once you’re done, upload your new featured image to your Authority Pro-powered website and watch as your images appear on your blog perfectly!

Kyrie Tompkins-Overlock • Leave a Comment • Authority Pro, Blogging, Featured Images, Freebies, Images, Photos, Themes, Tools

You Might Also Like…

Rate Changes & Happy Pride!
How To Add Google Analytics to Any Genesis Framework Website
How To: Change Team Trello Boards to Personal Trello Boards

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Hey! I’m Kyrie

A photo of Kyrie Tompkins-Overlock

I’m a freelance web developer from Central Maine. I help my clients cultivate growth in their business by getting the most out of their websites.

Learn More

WordPress Launch Master List

Let me help you launch your next WordPress website. Grab a copy of my WordPress Launch Master List - the same list I use with my projects! - and make launching a breeze.

Privacy Policy

Blog Categories

  • Announcements
  • Building A Website
  • Divi
  • Freelancing
  • GenesisWP
  • Resources
  • Social Media
  • Tutorials
  • Web Design
  • WordPress
Privacy & Cookies: This site uses cookies. By continuing to use this website, you agree to their use.
To find out more, including how to control cookies, see here: Cookie Policy

Let’s Connect

kyrie@overlockdesign.co
(207) 370-9271
  • Like on Facebook
  • Follow on Instagram
  • Follow on Pinterest
  • Follow on Twitter
  • Custom Websites
  • Pre-Made Themes
  • WP Maintenance
  • Hourly Work & Retainers
  • Portfolio
  • About
  • Blog
  • Resources
  • Terms of Service
  • Privacy Policy
  • Affiliate Links Disclaimer

Copyright © Overlock Design Company, LLC. | Made in Maine with love and WordPress.