Make multicolumn images flush with banner image

Store Design
, , , ,
1

Hi,

Im looking for help to resize my multi-column images so they are flush with the image banner. There is padding on either side of the two columns and I can’t seem to get them inline even with resizing images. The website URL is parlourcollection.com

Please see photo

Screen Shot 2023-08-25 at 11.07.49 am.png
Screen Shot 2023-08-25 at 11.07.49 am.png2864×1438 829 KB

2

Hi @ParlourC

This is David at SalesHunterThemes.

Thank you for your question.
You can try follow this path:

Themes => edit code => asset => base.css

and add this code to bottom of the file base.css

@media(min-width: 990px){
.multicolumn-list{
margin-left: -15px;
margin-right: -15px;
}
}
3

Thanks for the reply however after trying there was no change.

4

Hi @ParlourC

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

.background-none .multicolumn-card__image-wrapper {

margin-left: 0 !important;

margin-right: 0 !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly