How can I reduce the footer height and text size in Debut theme?

Store Design
1

Hi everyone!

I want to reduce the height of my footer and text size but can’t figure out how to do it! I’ve tried various fixes from on here and none have worked.

www.elizaandted.co.uk

Really appreciate any tips!

2

Go to theme.css and add this .css snippet at the very bottom.
Reduces footer height and font-size of footer menu.

.site-footer__item--center > *{
font-size: 0.95em;
}

.site-footer__item{
  margin-bottom: 0px;
}

You can adjust property values (em and px) to your preference.

3

@EandT

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

@media only screen and (min-width: 750px){
.site-footer__item { margin-bottom: 0px !important; }
.site-footer__hr { margin: 20px 0 20px 0 !important; }
.site-footer{ font-size: 1.2rem !important; }
}

Hope this works.

Thanks!

4

thanks! Tried this but it hasn’t changed anything.

I think it must be something I’m doing wrong…!

5

@EandT

In which file you added this code?