How can I modify the blog layout in the Dawn theme?

Solved

How can I modify the blog layout in the Dawn theme?

10xfuel
Pathfinder
134 0 15

Hi! How can I change the blog layout on https://www.10xfuel.com/blogs/blog  like this:

10xfuel_0-1704890760113.png

 

Accepted Solution (1)

kevinkarma55
Shopify Partner
101 11 11

This is an accepted solution.

Hi,

Do into theme.css and fine following code 

.blog-articles--collage>*:nth-child(3n+1), .blog-articles--collage>*:nth-child(3n+2):last-child {
    grid-column: span 2;
    text-align: center;
}

and Remove the line of code : grid-column: span 2;

Please remember to Like & Mark Solution to the post if it helped you.
Thanks !
If you'd like to support me, you can Buy Me a Coffee
Need help with anything related to Frontend?
Checkout kevinkarma.me

View solution in original post

Replies 2 (2)

kevinkarma55
Shopify Partner
101 11 11

This is an accepted solution.

Hi,

Do into theme.css and fine following code 

.blog-articles--collage>*:nth-child(3n+1), .blog-articles--collage>*:nth-child(3n+2):last-child {
    grid-column: span 2;
    text-align: center;
}

and Remove the line of code : grid-column: span 2;

Please remember to Like & Mark Solution to the post if it helped you.
Thanks !
If you'd like to support me, you can Buy Me a Coffee
Need help with anything related to Frontend?
Checkout kevinkarma.me
10xfuel
Pathfinder
134 0 15

perfect - thank you!