How to make images inside multicolumn fill the length of banner

Hello all. I’m having issues trying to make the images within the columns fill the entire length of the multicolumn so they can closely align the length of the banners. I have indicated below

here is a link to the preview of my store

https://5botuxm6xg9l09b8-45862158496.shopifypreview.com

1 Like

Hi @Jaserae

I’m Richard Nguyen from PageFly- Free Landing Page Builder

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->base.css->paste bellow code in bottom of file

.page-width.section-template–16454551011550__1663180063b0019850-padding.isolate{

max-width: unset !important;

padding-left: 0 !important;

padding-right: 0 !important;

}

If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.

Best regards,

Richard | PageFly

I went ahead and applied your code and the layout stayed exactly the same

@Jaserae

please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
.multicolumn .page-width {
    max-width: 100%;
    padding: 0px;
}

also confirm this look

unfortunately that did not work. the multi column is already full width but the columns inside the multi column is not.

but yes that is the look im going for