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.
Example:
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:
endcase
Example:
We will add two to three blank lines before that line (2).
Example:
Add the following code in that new blank area:
{% when 8 %} {%- assign grid_item_width = 'large--one-quarter medium--one-half' -%}
Example:
Save the file.
Undo
Use the Older versions link at the top of the file if you need to rollback or undo this code change.