Canvas Support

Footer Height Adjustment

2 replies · opened May 16, 2019

Ccochn01May 16, 2019

Hi again,

What is the code to reduce footer and copyright height. Also I'd like to have copyright text vertically center on rescale/responsive. Is there a way to accomplish this?

https://codenyc.net/niles

Thanks!
:-)

Nina

SSemicolon WebSTAFFMay 17, 2019

Hello,

  1. The Footer and Copyrights Heights are actually Padding which can be controlled using the following CSS Codes:
#footer .footer-widgets-wrap { padding: 80px 0; }

#copyrights { padding: 40px 0; }
  1. For the Text to be vertically centered in the Copyrights Section on Mobile Devices, it is recommended to use the Bootstrap Spacing Utility: https://getbootstrap.com/docs/4.3/utilities/spacing/ to add the bottom margin on the .col-md-6 Column only on MD related Devices. Example: Use the .mb-md-4 Class. Additionally, I am not sure why and most honestly do not recommend you to Edit the Default .mt-4 Class or any Bootstrap Class in your css/custom.css File as it would then generate conflicts and not work according to it desired purpose.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Ccochn01May 18, 2019

I found it!

#footer .footer-widgets-wrap {
padding: 40px 0;
}

.mt-4, .my-4 {
margin-top: 0rem !important;
margin-bottom: 0rem !important;
}

Thank you

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard