Choose your blog style and layout

Changing your blog style is not just for layout, but also for what style of featured image you want.

  1. Left featured Image – Left aligned featured image with no left or right sidebars
  2. Right Featured Image – Top featured image with no left or right sidebars; layout is left aligned
  3. Top Featured Image Centered – Top featured image with no left or right sidebars and the layout is centered
  4. Top Featured Image Left Sidebar – Top featured image with a left sidebar column
  5. Top Featured Image Right Sidebar – Top featured image with a right sidebar column
  6. Top Featured Image Left & Right Sidebars – Top featured image with both the left and right sidebar columns.
  7. Masonry Style – This is a Pinterest style of layout where each post summary is organized in small blocks
  8. Grid Style – This gives you a grid layout that is similar to the masonry. Using this option is best suited if your blog summaries are using similar sized featured images.

Featured Image Sizes

When you choose your style of layout, it’s best to prepare your featured images to be sized for the choice you make so that page load times can be limited.  Here is a guide for featured image sizes:

  • Large Featured Image – You can have up to 1100 pixels in width and height can be up to you
  • Top Featured Image Left or Right Sidebar – You can have up to 720 pixels in width.
  • Left or Right Featured Image – Thumbnail is sized down to 420 pixels in width
  • Masonry – Your thumbnails should be at at least 620 pixels in width to accommodate large resolutions and displays
  • Grid – Your thumbnails should be at least 620 pixels in width to accommodate large resolutions and displays, but also because the layout uses the Bootstrap 4 grid layout.

Although I recommend preparing your images before uploading, you can also enable a cropping feature setup with this theme that creates thumbnails for your Masonry and Grid styles. 

  1. Go to Appearance >> Customize >> Blog Options
  2. Find the Masonry and/or Grid thumbnail settings, but only choose one or the other, not both.
    grid masonry thumbnail settings
  3. Click Save & Publish

Change Your Blog Style

  1. Go to Appearance >> Customize >> Blog Options
  2. Find the “Blog Style” setting and make your choice
    blog styles
  3. Click “Save & Publish” at the top of the column.

Masonry Spacing Adjustment

With this theme, you can adjust the spacing for your masonry posts by changing the size in pixels. When you make your choice, only put in the number, so for example, if you want 20px spacing, only put in 20.

  1. Go to Appearancce >> Customize >> Blog Options
  2. Find the “Masonry Post Spacing” setting and change the default 15 to your choice.
    masonry spacing setting
  3. Click “Save & Publish

Single Post Layout

In addition to the blog’s home style and layout, you also get the option to select the layout for your full post view — this is when you click on a “Read More” link and view the post in full.

  1. Go to Appearance >> Customize >> Blog Options
  2. Find the “Single Post Layout” setting
    single post style option
  3. Click Save & Publish

 Blog Post Summaries – Content vs. Excerpts

The blog post summaries are the “intros” that you see when you first go to a blog. This is normally recognized when you see each summary with a title, perhaps a featured image, and then the “Read More” button or link. Post summaries are only part of a full post and will only show on the blog’s home page.

With this theme, you get a couple of options to display your summaries:

  • Content – This is going to give you a summary that can include formatting, images, and a “Continue” link.
  • Excerpt – This gives you a set number of words that keeps each summary consistent; no formatting, no images, but will give you a “Continue” link as well.

 

Early Easter 2017 Offer - Get 50% Discount on Lifetime Membership $299Buy Now - $149
+ +