Reduce the footer height, the area below the footer widget

Hello,

Is it possible to reduce the height of the area where the footer credits appear? I mean the area with white background just below the footer contact details widget as appears on my website, http://www.britishconsultinggroup.com.

Below are the CSS codes I am currently using.

Regards,

Daniel

.header-clone {
height: 253px !important;
}

@media only screen and (min-width:1025px) {

.header-clone {
height: 274px !important;
}
}

.footer-widgets {
padding-top: 30px;
padding-bottom: 0px;
text-align: center;
}

.hentry .title-post {
font-size: 35px;
color: #164998;
text-align: center;
}

.site-header{
padding-top: 25px;

}
.site-logo {
max-height: 150px;

}

.home h1 { display:none }

#mainnav{
background-color: #164998;
}

#mainnav ul.menu > li > a{
color: #fff;
padding-top: 10px;
padding-bottom: 3px;

}

#mainnav .sub-menu li a {
border-top-color: #fff;

}

#mainnav-mobi {
background-color: #164998;
}

#mainnav-mobi ul li {
border-color: #fff;
}

.page-wrap { padding: 83px 0px 100px; clear: both; margin-top: -112px; margin-bottom: -112px;
}

.content-area.col-md-9 { width: 100% !important;
}

#mainnav ul ul a,
#mainnav ul li ul{
width: 300px;
}

.header-wrap > .container {
width: 100%;
padding: 0;
}

#mainnav-mobi .sub-menu a {
background: #164998
}

.overlay {
display: none !important;
}

.site-header.float-header {
padding: 20px 0;
}

h4 {
color: #164998;
padding-top: 15px

}

.widget.widget_polylang select {

border: 2px solid #164998 !important;

color: #164998 !important;

}

Hello there,

Add the below custom CSS code:


.site-footer {
  padding-top: 0;
  padding-bottom: 0;
}

.site-footer p {
  margin-bottom: 0;
}  

Regards,
Kharis

Thank you Kharis,

It worked well!

Kind regards,

Daniel

You’re welcome, Daniel. Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis