Increasing multicolumn width in Refresh theme

Store Design
1

I’ve used multi columns to add infographics Ive designed outside of shopify. I’ve removed extra columns and titles so it just shows the graphic and nothing else. However the width of the column is very narrow, meaning that my graphics are too small to read comfortably. Ive tried to resize the width of the column section in the theme settings but nothing changed. Any help would be appreciated, or if there’s a better way to add my content then I’ll happily receive any suggestions.

2

@bluedoggo ,

Check in the customizer area you can remove or add there, or let me share the store URL..

3

Thanks, I can’t see anywhere in the customise section to increase the width of the column section.

The url is stackcup.myshopify.com, password STACKEM

4

Go to your Online store > Themes > Live theme > Actions > Edit code > Assets > base.css and add this code at the bottom and click Save button

.multicolumn .page-width { max-widht: 100% !important; }
5

Hi, I did that but they’re still the same width I’m afraid.

6

My mistake, code should be like this

.multicolumn .page-width { max-width: 100% !important; }
7

Thank you but no change again unfortunately

8

Does anyone have any suggestions? I just want the column section to be wider than it currently is

9

Hi @bluedoggo ,

Kindly try this code

.multicolumn .page-width { max-width: 1440px;}
10

Thanks, no change I’m afraid.

11

Try this

.multicolumn .page-width { max-width: 1440px !important;}
12

Did you replace the old code with my new one?

13

I replaced the first code you suggested with the second code