Add more columns to Blog

Hello -

looking for CSS to edit the amount of columns the blogs can have - defaults are currently capped at 3 - looking to have 5 instead.

2 Likes

Hi there, @Billie_Meredith :wave:

Please try to use this code in the Custom CSS field on the Style tab of your widget’s settings and let me know if it helped:

[class*='layout__Grid-sc'] {
  gap: 20px
}

@media(width > 1024px) {
  [class*='layout__Grid-sc'] {
  grid-template-columns: repeat(5, calc(20% - 20px));
}

}

1 Like

Hey @Max

This has created five across - however the margins are still the same when i’m looking for edge to edge… see screenshot.

2 Likes

Would you like to increase the image size, so that they’d fill the empty space in the container? Or would you prefer to keep the current dimensions and just to reduce the margins?

1 Like

I’m not sure which would be a better fit -

could you show me the difference between both? - do a code of either so I can have a look?

:crossed_fingers:

2 Likes

Could you please send me a link to the page where your widget is installed?

1 Like

Hello -

It’s on a test page: News — Young Identity

2 Likes

Thank you!

I’ll check things with the devs and will get back to you tomorrow :slightly_smiling_face:

2 Likes