Amelia - Full Width Blog Posts

The blog posts in Amelia display in a grid format, with the first post full width. If you'd like all of your blog posts to display full width (one column) instead of the grid, this is the tutorial for you.

Before making any edits to your PHP files, please make sure that you have access to the File Manager in your cPanel or FTP. PHP is incredibly sensitive and if a mistake is made, it can cause the "white screen of death" on your site. Having easy access to your File Manager means you can easily upload a fresh copy of your theme if the need arises.

Step 1: Update page_blog.php

  1. Click here and copy the entire code file.
  2. Go to Appearance > Editor > page_blog.php.
  3. Select everything in page_blog.php and delete it. DO NOT SAVE.
  4. Paste your new page_blog.php code that you copied in step 1. Update File.

Step 2: Update front-page.php

  1. Click here and copy the entire code file.
  2. Go to Appearance > Editor > front-page.php.
  3. Select everything in front-page.php and delete it. DO NOT SAVE.
  4. Paste your new front-page.php code that you copied in step 1. Update File.

Step 3: Add CSS

  1. Go to Appearance > Customize > Additional CSS.
  2. Scroll down and paste the following code at the very bottom, and then click Update File.
.front-page .content .entry,
.amelia-blog .entry,
.blog .entry,
.front-page .content .entry:first-of-type,
.amelia-blog .entry:first-of-type,
.blog .entry:first-of-type {
    width: 100% !important;
    padding: 0 0 6px 0 !important;
    margin-bottom: 50px !important;
    border-bottom: 1px solid #eee9e8; }
a.more-link {
    clear: both; }

Step 4: Configure Image Sizes

  1. Go to Genesis > Theme Settings.
  2. Scroll to the Content Archives section.
  3. Under Image Size, select the featured-variable image size.
  4. Save changes.
Note: If your posts are still displaying in the grid after following these steps, you'll need to  clear your browser cache to see the change on your site.