How to reduce footer height (Kingdom theme)

Store Design
1

Hi there! I’m trying to reduce the height of the footer on Kingdom theme. My url is noseyourbourbon.com Thanks in advance!

cwalters_0-1629234389870.png
cwalters_0-1629234389870.png3350×1724 563 KB

2

@cwalters

Your store is password protected. Please provide password.

3

Sorry about that, password is caytai

4

@cwalters

Please add the following code at the bottom of your assets/theme.css file.

@media screen and (min-width: 949px){
.footer-item h4{ padding-bottom: 0px !important; }
.footer-item{ padding-bottom: 20px !important; }
.footer{ padding: 55px 100px 0 !important; }
}

Hope this works.

Thanks!

5

hello @cwalters

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media screen and (min-width: 729px){
.footer {
        padding: 20px 100px 0;
}
.footer  .footer-item {
        margin-bottom: 50px;
}
}
6

Please follow the steps:

  • Step 1: Go to Online store > Themes > Actions > Edit code.
  • Step 2: Go to Assets > theme.css and paste this at the bottom of the file:
    .footer{
    padding: 50px 50px 0;
    }
    .footer-item{
    margin-bottom: 50px;
    }
7

Thank you so much! This did the trick