How to move multicolumn section to the left so that it is centered to the page

Store Design
, ,
1

Hi there,

How do I shift my multicolumn section such that it is centered to the page (while keeping the text left-aligned)?

I’m guessing I need to add or revise the code in section-multicolumn.css? Could anyone help provide the code?

Please see image of how I’d like to shift it.

My website url is homewithhone.com and I’m using the Dawn theme

2

Hi @homewithhone

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

PageFlyRichard_0-1682471476554.png
PageFlyRichard_0-1682471476554.png1920×969 191 KB

Hope this can help you solve the issue

Best regards,

Richard | PageFly

3

Hello @homewithhone

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.multicolumn.color-background-2.gradient.background-none.no-heading {
    width: 50%;
    height: auto;
    margin: 0 auto;
}
1 Like
4

Thank you, this worked!

homewithhone_0-1682521973521.png
homewithhone_0-1682521973521.png1576×1512 262 KB

5

Also in case anyone needs it, I ended up only doing this for desktop version and not mobile (since it didn’t look as nice on mobile version) so I added an extra line above:

@media screen and (min-width: 750px) {
.multicolumn.color-background-1.gradient.background-none.no-heading {
width: 50%;
height: auto;
margin: 0 auto;
}