Hello I would like to have 3 consecutive multicolumns on landing page. I want all the sections to form one single “section” without the whitespace between between them and I would also like to resize the multicolumn width and move the text+button horizontally center of the multicolumn. The webpage …

@sisaul sorry for that issue can you try this code Go to Online Store->Theme->Edit code Asset->/section-multicolumn.css ->paste below code at the bottom of the file. @media screen and (min-width: 750px) { .multicolumn.background-secondary { margin-top: calc(4rem + var(--page-width-margin)) 0…

Hi @KetanKumar , I’m sorry but it does not seem to have any effect.

Hi @sisaul , Go to Assets > section-multicolumn.css and paste this at the bottom of the file: .multicolumn.background-secondary{ padding: 0 !important; margin: 0 !important; } .multicolumn-list{ margin-top: 0 !important; } .multicolumn-list .grid__item{ padding: 0 !important; margin: 0 …

Hi @LitCommerce It removed the white space between sections and put the multicolumn text horizontally centered. Thank you! One thing I noticed is that when I try to use image width as full width of the column, the image will disappear completely. Is there also a way to resize the multicolumn widt…

@sisaul Go to Assets > section-multicolumn.css and paste this at the bottom of the file: .multicolumn-card-spacing { padding-top: 0.5rem !important; margin-left: 0.5rem !important; margin-right: 0.5rem !important; } .multicolumn-card__image-wrapper--half-width { width: 100% !impor…

Hi @dmwwebartisan , I tried it with 0 rem and it removed the margins completely, thank you. Although the column width is still larger than the image itself. Is there a way to make both columns(text and image) exactly the size of the image? [sisaul_0-1641386240179.png] Thank you in advance!

@sisaul Go to Assets > section-multicolumn.css and paste this at the bottom of the file: .multicolumn-card__info { padding: 0 !important; } thanks! if not solved your problem let me know and add me as a staff member I will try to fix your problem.

Hi @dmwwebartisan It removed the padding but is it possible to place the text between those red lines? [sisaul_1-1641389688293.png] Thank you in advance!

@sisaul add me as a staff member I will try to fix your problem.

Hi @dmwwebartisan I am sorry I haven’t done that before, but I think I sent you an invite. I also saw the collaborator option in there, do I have to give you request code?

Dawn 2.5 remove whitespace between sections and resize multicolumn width

Store Design

LitCommerce January 9, 2022, 4:13am 18

Hi @sisaul ,

I have changed it:

like my previous tutorial, just add it, everything will display fine.

If it helped you solve your issue, please mark it as a solution. Thank you and good luck.

Topic		Replies	Views
Resize multicolumn and remove the whitesapce between columns Store Design design	9	110	February 18, 2023
Dawn Theme \| Reduce Space Between Multicolumn Store Design design , customizations , css , shopify-themes	27	229	November 3, 2023
Increasing the top and bottom padding of a multicolumn Store Design	3	68	July 12, 2023
Change the size and spacing between columns in "Multicolumn" section (Dawn 11.0.0) Store Design design , customizations , css	7	244	February 15, 2024
Dawn Theme multicolumn: reduce padding between label and image, and make image clickable Store Design	6	88	May 4, 2022

Dawn 2.5 remove whitespace between sections and resize multicolumn width

Related topics