How can I remove white space and increase size in multicolumn cards?

[Kaash]

Hello

I would like to remove this white space in multicolumn. Also, I would like to increase the multicolumn cards size and picture size.

i want it to look like in the picture below

Thanks in advance for the help

[Abdosamer]

Hi @Kaash , can you share your store url?

[Kaash]

Sure. Here it is: https://superfoir.com/?_ab=0&_fd=0&_sc=1

[Abdosamer]

@Kaash , Go to theme.liquid and add this code before the tag :

Hope this helps you and have a great day.

[Kaash]

It worked! Thanks a lot. Can I ask another question please?

[Abdosamer]

@Kaash , Sure.

[Kaash]

As you can see in the picture below, there is a lot of white space on mobile. Can you please tell me how to remove it? Thanks a lot

[Abdosamer]

@Kaash , go to section-multicolumn.css and add the following code :

@media (max-width:768px){
.multicolumn .page-width {
   
    padding-bottom: 0 !important;
    padding-top:1rem !important;
}

}

[Kaash]

You, sir, are a genius. Thanks a lottt