Search code examples
wordpressfooter

How can I reduce a WordPress footer

I'm trying to reduce the height of a footer in my WordPress Website.

Apparently (check the picture linked) the style is directly in the div but I failed finding it in my WP files.

Can anyone help me with this? Capture of the html inspector

Solution

  • When dev tools show styles like this. Its an indicator it's being controlled by JS.

    element.styles{
   position: relative;
   height: 122px
}

    As your JS is loading after your css (as it should be), you need to override the property after JS is called. This is one of the few times you should add !important to your css. So to override the JS height you need something like this

    .site-footer .widget-area{
   height: 400px !important;
}