Want to reduce footer height

Is there a way to reduce the height of the footer? Thanks.
Attached is a screenshot of how it looks now, I’d like to reduce the space above and below the contact information on the right hand side. Also, is it possible to remove the container that usually houses the logo to the left? Thank you!

Hello,

Please try to use the following CSS code. Note, left container will be hidden, not removed.

You can add CSS code in DashboardAppearanceCustomizeAdditional CSS (WordPress 4.7 and up). Also you can add CSS code directly to style.css file of your child theme.

div.footer-info div.footer-branding {
    display: none;
}

div.footer-info div.footer-contact {
    padding: 15px;
    width: 100%;
    border-left: none;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Thank you!

You are welcome @laurendean!

And have a nice day :slight_smile:

Kind Regards, Roman.

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. Website is 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 Daniel,

Please create a new topic for your issue in order to make it easier to help you.

Kind Regards, Roman.