Blog design - quarters

[larsvilhelmsson]

Hi ,

This might be a bit of a stretch, but I’m hoping someone here can point me in the right direction.

I'm working on updating my blog layout and want to set the grid based on quarters. Ideally, the layout would be customizable or random, following patterns such as:

• 1/4 + 1/4 + 1/4 + 1/4

• 1/4 + 1/4 + 2/4

• 2/4 + 2/4

Any help or suggestions would be greatly appreciated!

Example + my site below. I'm using Dawn theme. 

Thanks, Andy

See Cereal as example: 

This is my tes-blog, found on https://todecay.com/blogs/testing

and here is an image of it

[DaisyVo]

Hi @larsvilhelmsson 

1/ Shopify admin > Online store > Edit code: https://prnt.sc/M4p-gua99Uf4
2/ Search for "theme.liquid" file: https://prnt.sc/b6xveIKe-Rh2
3/ Open the file and search for </head> tag and add the following code above </head> tag: https://prnt.sc/KWtKYyZkDtYJ

Here is the code for Step 3:

{% style %}
{% if template.name == "blog" %}
.collection-list {
    width: 100%;
}
{% endif %}
{% endstyle %}

 

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

[larsvilhelmsson]

Not too sure you understood what I meant 🙂 But thanks for trying 🙂