/* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; } .footer { background: #023d2f; color: #555a62; font-size: 14px; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer a { color: #0291db; } .footer a:hover { color: #0276b3; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-end; margin: 20px 0 20px 0; color: #ffffff; } .footer-col-logo { justify-content: flex-start; } .footer-col-home-button { justify-content: flex-center; } .home-button{ background-color: #023d2f; padding: 5px 20px 5px 20px; border-style: solid; border-width: 1px; border-color:#ffffff; color:#ffffff; } .home-button a:link, a:visited{ color:#ffffff; text-decoration: none; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 120px; height: 28px; opacity: 0.6; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } } /*# sourceMappingURL=styles.css.map */

Please Sign In or Register to join the Community to see more content!

Product Ideas

Help shape our product roadmap by sharing your ideas for making Element Unify even more awesome.

Template Library Bug
Hello Element Product Team - I think I found a bug: Please let me know what to expect next! Thanks, Heath

Featured Member

Congrats!

Categories

/* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; } .footer { background: #023d2f; color: #555a62; font-size: 14px; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer a { color: #0291db; } .footer a:hover { color: #0276b3; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-end; margin: 20px 0 20px 0; color: #ffffff; } .footer-col-logo { justify-content: flex-start; } .footer-col-home-button { justify-content: flex-center; } .home-button{ background-color: #023d2f; padding: 5px 20px 5px 20px; border-style: solid; border-width: 1px; border-color:#ffffff; color:#ffffff; } .home-button a:link, a:visited{ color:#ffffff; text-decoration: none; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 120px; height: 28px; opacity: 0.6; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } } /*# sourceMappingURL=styles.css.map */