Hi, I am working on coding out a custom section for a page on my site. As per the screenshot below, I want it so that there are 3 blocks per row. However, the way my code is set up right now, if I add a 4th block it just adds it to the row, instead of starting a new row. I have attached screenshots …

Hi @Dchan04 You can omit the code: flex-direction: column; Instead, add the code flex-wrap: wrap; ![view - 2023-01-11T134701.374.png|1901x974](upload://ndSuFNxsWATKOFOzH6tSkl3xUPi.png) I hope that it will work for you.

Hi @Dchan04 Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution.

www.shopinhouse.com www.shopinhouse.com/pages/podcast is the page I am having problems with.

www.shopinhouse.com/pages/podcast is the page I am having problems with.

Hi @Dchan04 For your requirement, I tried adding a new value: [view - 2023-01-10T111910.651.png] You can add or omit new values your way, then go to Theme > Edit Code: [view - 2023-01-10T111946.802.png] Find the CSS file you need to edit: [view - 2023-01-10T112035.198.png] And save your…

Hi, that makes it so that all the blocks are in a column. I want it so that after 3 blocks per row, it starts a new row of 3 blocks. The screenshot attached is what your edits made it look like. [Screen Shot 2023-01-10 at 11.18.00 AM.png]

Below is what i want it to look like: [Podcast Page 2.jpg]

How can I limit my custom section to three blocks per row?

Store Design

GemPages January 5, 2023, 1:14am 2

Hello @Dchan04

Can you give me your page URL( with pass if your store password is enabled) so I can check it and maybe give you a solution?

Kind & Best regards,
GemPages Support Team

Topic		Replies	Views
Increase number of Collections per row in Collection List section Prestige Store Design	3	69	December 20, 2022
Extra blog row Shopify Discussion troubleshooting	3	35	November 28, 2024
How can I adjust multiple link blocks to 3 in a row on Venture theme? Store Design	3	34	September 18, 2021
Change number of Collection Blocks to 100 Store Design design , customizations , collection-page , css , third-party-themes , shopify-themes , html	6	89	August 30, 2024
2 -> 3 products per row in collection Store Design design , collection-page , css , third-party-themes	3	51	October 1, 2024

How can I limit my custom section to three blocks per row?

Related topics