Important!

Please note that our Legacy Themes have been replaced by new Thrive Theme Builder Themes. While our Legacy Themes are still functional, we are no longer actively developing them. This article explains why the Thrive Theme Builder themes don't need fixed "Featured Image" sizes.

Squared is a flat design multi-purpose theme. It is an excellent theme for creating beautiful sales pages, landing pages, and marketing sites, but it will also serve brilliantly as a blogging theme.

Recommended Image Sizes

  • Featured images in general*: 1920px
  • Thumbnail style featured image: 220px
  • Blog page featured image: 800px
  • Full width page section: 1920px

*Unless otherwise set up, featured images on individual posts and pages will always show as a full-width background to the title section. For full-width images, we recommend a width of 192opx, since this covers the full resolution of even large screens.

We recommend not catering to larger and higher resolution screens than this, because the increased image size will only make a difference to a fraction of your visitors, but the larger images will increase page load times for everyone.

You should always upload images at the largest size they will be needed at. For example, if you are showing regularly featured images on the blog page (800px) and thumbnails in the blog posts (220px), you should upload your images at 800px wide.

Squared Notes

A few points about the Squared theme that don't necessarily apply to all the other themes:

Title Sections

A unique design element in Squared is the title sections. The title section is the background of the post or page title. The red area here is the title section:

title-section-1

There are 4 different styles of title sections that you can customize either site-wide or on individual posts and pages.

The first is the default setting, which will display the theme color you chose as the title section background. The image above is an example of this.

The second is the custom color option, which allows you to set any color background of your choosing. You do this in the post or page settings below the editor:

title-section-settings

Example of what the resulting post will look like:

title-section-2

The third style is an image background with a color overlay. By default, this style will be used for posts and pages that have a featured image and the color overlay will be the theme color.

Example of the resulting post:

title-section-3

Finally, you can customize the overlay style for the image, as well. You can choose to have a custom overlay color or no overlay at all.

In the custom image settings, you can also choose to create a static image title section background. This post on the demo site is an example of a title section image with no overlay and the static image option selected.

Author Box

The author box that shows at the bottom of posts (unless deactivated) has two points worth mentioning. Here's an example of what the author box can look like:

2014-06-12_1850

1) Author Image

The author image blends into the background of the author box with a gradient that is placed part of the way over the image. To get the most out of this effect, we recommend that you use an image where the subject is slightly to the left of the frame and we also recommend that you use a black and white image.

It works perfectly fine with colored images as well, but in our humble opinion, black and white looks way cooler. :)

2) Links

The title of the author box ("About the Author") doesn't link to your author archive page. In some themes, the author name is included with the title and automatically links to the author archive.

If you want to add a link to the author archive in the Squared author box, you can do so manually, by adding the link to the author box content (more about this here). For example, the author box content for the box shown above is this:

Hello, I'm <a href="http://squared.thrivethemes.com/author/shane-melaugh/">Shane Melaugh</a> and I'm the half-Swiss, half-Irish guy writing most of the stuff on this website. Feel free to stalk me on <a href="http://twitter.com/thrivethemes/">Twitter</a>. You can read more about my story <a href="http://imimpact.com/about/">here</a>.

Did this answer your question?