How to make whitespace the same size on Homepage

Hey There,

How can I make the white space on my page the same size?

My section in the editor has lots of white space on the bottom also is there a way to remove this or make the same size as the gaps between my images?

website is: www.blackhoundsports.com

See attached images for reference.

Thank you.

Hi @drewhound ,

This is David at SalesHunterThemes.

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code.

Go Layout folder → theme.liquid file.

Add the following code in the bottom of the file above tag


If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team

Hello @drewhound :waving_hand:

Inside Shopify Admin, you can go to Edit theme code, open file custom.css and add this code at the bottom

#customsection--1612977459a115b15c {
    margin-top: 30px;
}

The result

Hope that helps!

Hello @drewhound

Inside Shopify Admin, you can go to Edit theme code, open file custom.css and add this code at the bottom

#customsection--1612977459a115b15c {
    margin-top: 30px;
}

The result

Hope that helps!

Hello @drewhound

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

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

#customsection--1612977459a115b15c {
    margin-top: 35px !important;
}
.paira-gap-2 {
    padding-bottom: 35px!important;
}
.paira-gap-2 .col-sm-6 {
    padding-right: 8px !important;
    padding-left: 8px !important;
}

Working now! Thank you.