Increase number of columns in multi column section - Broadcast theme

Store Design
, , ,

Topic summary

Goal: increase columns per row beyond the default 3 in the Broadcast theme’s “Multi-column” section, ideally without code.

Key guidance:

  • First suggestion: check the section’s settings to adjust the column count. If not available, add custom CSS:
    .wrapper–full-padded .grid { --columns: 5; }
    Placement: in theme.css (not in the section’s custom CSS field).
  • Updated advice: no code needed—there is a built-in customization to set columns (shown in screenshots).

User status and constraints:

  • Store is in development; theme not yet purchased and site unpublished. No URL provided.
  • User couldn’t locate the column setting in their “Multi-column” section.

Resolution/workaround:

  • Use the “Text columns with icons” section instead; it functions the same as “Multi-column” and includes the adjustable column setting.
  • User confirmed and expressed thanks.

Notes:

  • Screenshots were provided to illustrate where the column setting resides.
  • Technical detail: solution leverages a CSS variable (–columns) if customization is unavailable.

Outcome: resolved with a non-code path via “Text columns with icons”; CSS fallback provided if needed.

Summarized with AI on January 5. AI used: gpt-5.
1

Hi,

The broadcast theme by default is only permitting me to use 3 columns per row in the “multi column” section. I read on other threads that most themes allow upto 6: but I cant find this setting in the broadcast theme.

Is this possible to be changed without code? and if not, could you please help me with the same.

Thanks!

2

Hello @vritikaR ,

Could you please share your website URL here?

Thanks,

Ritu

3

The website is not published yet- its in development. should I still share it? I haven’t purchased the theme yet- just working on it so far.

4

Okay, Please check the settings where they mentioned columns where you can manage it.

Otherwise, you can do it with code.

.wrapper–full-padded .grid {–columns: 5;}

Ritu25_0-1707828193439.png
Ritu25_0-1707828193439.png1912×245 10.1 KB

Please check this might helpful to you.

Thanks,
Ritu

5

where do I add this code? Can I edit the code of a theme I haven’t purchased? Can I put it in the custom css section within the multicolumn section?

6

Yes @vritikaR , Add this in the “theme.css” file.

7

Hello @vritikaR ,

No need to code as I mentioned there is a customization setting, and you can adjust it from here

Ritu25_0-1707828598151.png
Ritu25_0-1707828598151.png1919×925 98.3 KB

Thanks,

Ritu

8

Hi, sorry, im not about to find it in mine.

Screenshot 2024-02-13 at 18.22.05.png
Screenshot 2024-02-13 at 18.22.05.png3152×1875 450 KB

9

Use the “Text columns with icons” section both are same. @vritikaR

1 Like
10

Thank you so much. And for being so prompt as well.