Adjust Multicolumn Padding in Sense Theme

Store Design
1

Hi guys!

We are using the Sense theme. On this page, I have a multicolumn layout with images in each column.

Is there a way to make the padding between the multicolumns zero, so that the images appear as large as possible?

I know the multicolumn layout is somewhat responsive (when I make my window smaller, they start to get closer together), so I don’t want to break that. But in the general laptop view (screenshot attached), would be great if I could find a way to maximize image size and remove the white space in between the columns.

Thank you in advance for your help!

-Katie

https://verygoodmfg.com/pages/canning

2

Hi, @katfinley

You can try this code

  1. Go to Online Store-> Theme->Edit code
  2. Asset-> base.css ->paste the below code at the bottom of the file.
@media screen and (min-width: 750px){
.background-none .multicolumn-card__image-wrapper {
    margin-left: 0 !important;
    margin-right: 0 !important;
}}
1 Like
3

This worked perfectly - thank you @Ahsan_ANC !