Code Quick Reference

=== Quick Paste === width= 1150 rgba(0, 0, 0, 0) https://www.google.com/recaptcha/admin#list === fixed header (bootstrap std is 1150px) === .mmt-body .container{ max-width:1024px; } === common css (theme level) === body {background-color: #f5f5f5;} #boxed {background-color: #ffffff;} #social_media {text-align: right;} === Font Awesome === = Styles = li a i.fa { padding-right: 10px; } = Implementations = <span class="fa fa-envelope" style="padding: 5px;"></span> <i class="fa fa-envelope" style="padding: 5px;"></i> == right/left sections wrapping fix in mid size browser screen == @media(max-width: 500px){ .mmt-body #logo,.mmt-body #call-to-action{ width: auto; text-align: center; display: table; float: none!important; margin: 10px auto; } }