Georgia Lou Studios

Welcome to the Help Center!

Remove Grid Layout on Archive Pages


This tutorial will help you remove the grid layout on the Archive pages – archives, labels and search pages included.

NOTE: This is a somewhat complicated series of steps, it is HIGHLY recommended you backup your template prior to attempting this.

*Please note this is a DIY tutorial. We do not offer support for our DIY tutorials are they are entirely bonus material. Make sure you backup your template and follow the directions exactly. If you mess up, do not submit a Help Ticket. Upload your backup template and try again.


How to Remove the Grid

  1. Navigate to the Dashboard > Theme page
  2. Click on the gray Edit HTML button
  3. The code window will open. Click anywhere in the code section. Then press the [Control + F] keys, or [Command + F] on Mac.
  4. A small search box will open in the upper right hand corner of the code area.
  5. Search for the term: posts_no_thumb_sum = 100;
  6. Press enter to move to the first search result.
  7. Highlight and delete the code seen in the screenshot below.
  8. Now search for the term: Masonry
  9. Press enter to move to the first search result.
  10. You will see a section of code that starts with the following: < ! — Masonry Styles for index pages –> < !– Archive Page –>
  11. Starting highlighting the code with this line – make sure you include the <! and everything after it – you are going to highlight and delete a large section of code.
  12. Stop highlighting when you reach the following section of code – SEE PICTURE BELOW! Your highlight should end on the same line as shown below. (It will be a huge piece of code highlighted).
  13. Backspace or use the delete key to delete the section of code you highlighted.
  14. Next, search for the following term: <data:post.body/>
  15. You will find a section of code as see in the image below. Replace the highlighted code with: <data:post.body/>
  16. Search again for the term: <data:post.body/>
  17. You will find another section of code as seen in the picture BELOW. Replace the highlighted section again with: <data:post.body/>
  18. Click the orange Save theme button at the top of the page.

If you run into any troubles with this, re-install the template using your backup template or your original copy of the template.


Was this article helpful?
0 out of 0 found this helpful


Powered by Zendesk