I have a multicolumn on my home page - Dawn Theme. How can I reduce the padding on the left & right side of the column (screenshot attached below)? I would like to add the custom css only to this section. Thanks! [Screenshot.jpg]

Hi @rjluna Could you please provide your store password to check? [Screenshot 2023-08-29 at 08.40.13.png]

Please add this CSS code at the Custom CSS of that section .page-width { max-width: 100% !important; }

It say’s the css code is invalid. "Correct the errors to save your custom CSS. To add custom styles to your entire online store, go to theme settings."

Hi @rjluna I hope you are doing good and welcome to the Shopify Community! I am San from MS Web Designer. Please add this css in your bottom of the base.css file: .section-template–17743120236844__multicolumn-padding {padding-left: 10rem !important; padding-right: 10rem !important;} Regards, S…

Hello @rjluna In your Shopify Admin go to online store > themes > actions > edit code Find Asset > base.css and paste this at the bottom of the file: .multicolumn-card.content-container { width: 100%!important; } .multicolumn .page-width { max-width: 100%; } [ZestardTech_0-1693285919246.png]

Will this code only apply to that section of the website and not the entire website? Thanks.

Hello @rjluna In your Shopify Admin go to online store > themes > actions > edit code Find Asset > base.css and paste this at the bottom of the file: .multicolumn-card.content-container { width: 100%!important; } .page-width { max-width: 100%; }

Thanks. This code works but it applies it to the entire website. I was hoping to only having it apply to that section.

How to reduce padding on left/right side of multicolumn Dawn Theme

Store Design

rjluna August 29, 2023, 5:23am 8

Is the there code I can add only that section and not the entire website? Thanks.

Topic		Replies	Views
Remove the padding in multi column on my home page Store Design menu , design , customizations , shopify-themes	3	81	January 31, 2025
How can I remove padding from multicolumn section in Dawn with CSS? Store Design design , customizations , css , shopify-themes	7	96	November 3, 2023
How to reduce left and right padding of a multi column section in Shopify trade theme? Technical Q&A css	8	106	September 2, 2024
Removing side padding from multicolumn images and fit to page with no gaps. Store Design design , customizations	3	70	December 5, 2024
How to increase the horizontal padding of my multicolumn? Shopify Discussion troubleshooting	11	83	September 10, 2024

How to reduce padding on left/right side of multicolumn Dawn Theme

Related topics