IMPORTANT:

If you have NOT YET implemented Day 7 - Custom Single Post Layout, please follow those instructions first BUT: Leave out Step 2 (Adding the CSS) and Step 3 (Adding the JavaScript) as these have been updated to include the Archive and Search results page styling. Then come back here and follow all the instructions below.

If you HAVE implemented Day 7 - Custom Single Post Layout, follow the instructions below and just replace your CSS and JavaScript with the code included in the download for this freebie. If you changed the colours in the CSS file, you will need to update those again. It's easy peasy, see here: Changing the Colour Scheme

Step 1.

After downloading and unzipping the file, add the archive.php and search.php files to your child theme folder, either via FTP or cPanel. The search.php styles your search results page and the archive.php styles the archive, category, tag and author pages.

Step 2.

Copy all the content in the css.css file and paste into your child theme stylesheet, or Divi > Theme Options > Custom CSS.

Step 3.

Copy the contents of the js.txt file and paste into Divi > Theme Options > Integration > Add code to the < head > of your blog.

Step 4.

Clear all your caches and view an archive page to see your new layout.

Note: You can change how many posts are shown on archive pages in Divi > Theme Options > General