Attention Developers

[BrandonY]

Is there a way to make the content cards 2 cards wide vs. 3 cards wide, without custom CSS? 

Thanks

[Community Alums]

Hi @BrandonY ,

Unfortunately NO !! That's the OOTB behaviour.

[Juhi Poddar]

Hello @BrandonY 

Is this related to the selection of containers in portal design?

If yes, portal pages use built-in Bootstrap grid features, where each row can have a maximum of 12 columns.

"If you found my answer helpful, please like and mark it as an "accepted solution". It helps others find the solution more easily and supports the community!"

Thank You
Juhi Poddar

[BrandonY]

I'm a UX Designer, and I'm hitting some red tape. I don't like how the 3-column text gets truncated, so I want to widen the content cards. Since it's built on bootstrap, I figured | 4 | 4 | 4 | layout would achieve it. 

[Juhi Poddar]

Hello @BrandonY 

To make the content cards display two per row, adjust the Bootstrap grid layout in the portal's Page Designer. Set each card's column width to 6 (| 6 | 6 |), as rows in Bootstrap are divided into 12 columns. This change aligns with ServiceNow's built-in framework and doesn’t require custom CSS.

Here's an example from Page Designer showing how to set the column width:

• Press ctrl + alt placing the cursor above any widget in page
• Select page in designer
• 
• In page designer select container and then the desired layout. 6|6 for two columns. 
• 
• Add the desired widget in the container. Same will be reflected in portal page.

"If you found my answer helpful, please like and mark it as an "accepted solution". It helps others find the solution more easily and supports the community!"

Thank You
Juhi Poddar