Armadillo Two Columns?

Classic Stacks
1

Hey guys, is there a way to use two columns in the armadillo blog? I am wanting to show blog posts in a two column layout so that blog post one and two are on the first line blog post three and four on the second line etc. Thanks

2

You can give this a try:

.armadilloBlog_1 {
    DISPLAY: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.blog-entry {
    flex-basis: 45%;
}
3 Likes
3

Doug, you have really come through for me today. This worked great! Do you have a donation page? I owe you for this one!

4

Parker(@Parker),
One think I just thought about is it’s not going to look very good on small screens.

So I’d chnage the code above and add a media Query:

.armadilloBlog_1 {
    DISPLAY: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
  .blog-entry {
      flex-basis: 100%;
  }
@media only screen and (min-width: 600px) {
  .blog-entry {
      flex-basis: 45%;
  }
}

That will be two up on 600px or wider.

1 Like
5

I wonder if you were to place the Armadillo post stack into my Columnist stack, if you could configure text columns with it. I don’t see why that would not work. But I am not sure how Armadillo works.

1 Like
6

That might work,
Gut Columnist uses the newspaper style columns.

If it did work it would generate post in the left column down and then go to the top for the next column.

post 1 post 5
post 2 post 6
post 3 post 7
post 4

What was wanted would be:

post 1 post 2
post 3 post 4
post 5 post 6
post 7

I don’t know even if it would work.

7

Thanks @teefers and @joeworkman for your help. I ended up using the CSS code and it worked!

8

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.