Blog widget classes

[teaganm]

Here are the classes for the blog widget - the main class goes on either:

• the section element with class "masonry-blog" (preferred)
• or on the div element with classes "mas-blog row"

And then of course the bootstrap column classes go where they are now.

2 column

• main class = th-blog-2-col
• each post = col-sm-6

3 column

• main class = th-blog-3-col
• each post = col-sm-6 col-md-4

4 column

• main class = th-blog-4-col
• each post = col-sm-6 col-md-4

5 column

• main class = th-blog-5-col
• each post = col-sm-6 col-md-4

[ryanlabelle]

Thanks. Seeing some strange behavour on col 4 and col 5. I pushed the updates so that we can test tomorrow. Pagination has also been pushed. We'll need to test pagination on the homepage (frontpage)

[teaganm]

Ok I see what the problem was - I used the "mas-blog-post" class which doesn't include the isotope sizer element - so I just changed it to a class for both and now the appearance is fixed for 4 and 5 col.

There are still some points near the mobile sizes where it's not perfect, but we can circle back to that / also part of a larger discussion about container sizing / etc.

Will check out pagination too.

[ryanlabelle]

Looks good now!