Text columns with images: When using 8 images, display 4 per row

To show eight images on two rows with Text columns with images, you can make this modification.


How to:

Open your Code Editor. 

From your list of themes, find the Actions link for the theme you'd like to edit. Then select Edit code. Example draft theme:

Example if you're working from your main live/published theme:

Quick link if the theme is live/published:
Open Code Editor

Open index-columns.liquid from the Sections folder:

In the code area, use the Find feature (Command-F on Mac, Control-F in Windows) and search for:



We will add two to three blank lines before that line (2).


Add the following code in that new blank area:

{% when 8 %}
{%- assign grid_item_width = 'large--one-quarter medium--one-half' -%}


Save the file. 


Use the Older versions link at the top of the file if you need to rollback or undo this code change.