/* ---- Edit CSS ---- If you are unfamiliar with CSS, there are some learning resources in the help section on the right-hand side of the page. Here are some things you should know before you begin: 1. Any definitions you enter here will be related to your custom theme. If you change to a different theme, these definitions will no longer be visible on this page. If you switch back to your custom theme, your changes will be present. 2. Your custom css definitions will be included *after* the theme css files. So, your definitions will take precedence over the theme ones. 3. When you preview your changes, you are the only one who can see the preview. 4. Feel free to delete these comments! */ .cmp-external-header__logo div img { max-width: 115px; z-index: 999; } .cmp-external-header__forums { position: relative; left: 10px; top: 14px; font-size: 2em; display: inline; border-left: 1px solid #e3e6e9; } .cmp-external-footer { background-color: #4f5b64; padding: 1.5em 0 5em; margin-top: 3em; overflow: hidden; width: 100%; } .cmp-external-footer__logo a { float: left; width: 115px; display: block; } .cmp-external-footer__logo img { height: 32px; max-width: 115px; } .cmp-external-footer a { color: #fff; } .cmp-external-footer__copyright { float: right; margin-top: 2em; } .cmp-external-footer__copyright p { font-size: 14px; color: #4f5b64; color: #fff; } .cmp-external-footer__links { text-align: right; } .cmp-external-footer__links { /* width: calc(100% - 165px); */ text-align: right; margin-top: .5em; } .cmp-external-footer__links a { margin-left: 2em; /* display: inline; */ line-height: 2.5em; transition: all .25s ease; font-size: 16px; } .cmp-external-footer__links a:hover { text-decoration: underline; } /* @media (max-width:860px) { .cmp-external-footer__links { width: 100% } .cmp-external-footer__links a { display: block; float: left; width: 50%; margin-left: 0; text-align: left } } @media screen and (max-width:650px) { .cmp-external-footer__logo { width: 100% } } .cmp-external-footer__logo { width: 115px; float: left; margin-right: 3em; margin-top: .75em; } */ @media screen and (min-width:651px) and (max-width:1200px) { .cmp-external-footer__copyright { margin-top: 2em } } @media screen and (max-width:650px) { .cmp-external-footer__copyright { float: left; margin-top: 2em } } .site-footer { padding: 0; border-top: none; } .titleBar.logo { justify-content: left; } .site-footer .container { background-color: #4f5b64; max-width: 1190px; padding: 1.5em 5em; display: grid; grid-template-columns: repeat(2, 1fr); margin: -.5em auto 0; } @media screen and (max-width:900px) { .site-footer .container { grid-template-columns: auto; margin: 0 auto; } } @media screen and (max-width:460px) { .site-footer .container { grid-template-rows: 1fr; margin: 0 auto; } } .cmp-external-footer__links nav a { font-size: 14.4px; font-weight: 300; } .cmp-external-footer__copyright { font-weight: 300; }

Waters Forum

As a member of Waters Community Forum, you can build your technical skills and professional network. Share, ask, and interact with peers from around the globe in dynamic discussions.

Categories

/* ---- Edit CSS ---- If you are unfamiliar with CSS, there are some learning resources in the help section on the right-hand side of the page. Here are some things you should know before you begin: 1. Any definitions you enter here will be related to your custom theme. If you change to a different theme, these definitions will no longer be visible on this page. If you switch back to your custom theme, your changes will be present. 2. Your custom css definitions will be included *after* the theme css files. So, your definitions will take precedence over the theme ones. 3. When you preview your changes, you are the only one who can see the preview. 4. Feel free to delete these comments! */ .cmp-external-header__logo div img { max-width: 115px; z-index: 999; } .cmp-external-header__forums { position: relative; left: 10px; top: 14px; font-size: 2em; display: inline; border-left: 1px solid #e3e6e9; } .cmp-external-footer { background-color: #4f5b64; padding: 1.5em 0 5em; margin-top: 3em; overflow: hidden; width: 100%; } .cmp-external-footer__logo a { float: left; width: 115px; display: block; } .cmp-external-footer__logo img { height: 32px; max-width: 115px; } .cmp-external-footer a { color: #fff; } .cmp-external-footer__copyright { float: right; margin-top: 2em; } .cmp-external-footer__copyright p { font-size: 14px; color: #4f5b64; color: #fff; } .cmp-external-footer__links { text-align: right; } .cmp-external-footer__links { /* width: calc(100% - 165px); */ text-align: right; margin-top: .5em; } .cmp-external-footer__links a { margin-left: 2em; /* display: inline; */ line-height: 2.5em; transition: all .25s ease; font-size: 16px; } .cmp-external-footer__links a:hover { text-decoration: underline; } /* @media (max-width:860px) { .cmp-external-footer__links { width: 100% } .cmp-external-footer__links a { display: block; float: left; width: 50%; margin-left: 0; text-align: left } } @media screen and (max-width:650px) { .cmp-external-footer__logo { width: 100% } } .cmp-external-footer__logo { width: 115px; float: left; margin-right: 3em; margin-top: .75em; } */ @media screen and (min-width:651px) and (max-width:1200px) { .cmp-external-footer__copyright { margin-top: 2em } } @media screen and (max-width:650px) { .cmp-external-footer__copyright { float: left; margin-top: 2em } } .site-footer { padding: 0; border-top: none; } .titleBar.logo { justify-content: left; } .site-footer .container { background-color: #4f5b64; max-width: 1190px; padding: 1.5em 5em; display: grid; grid-template-columns: repeat(2, 1fr); margin: -.5em auto 0; } @media screen and (max-width:900px) { .site-footer .container { grid-template-columns: auto; margin: 0 auto; } } @media screen and (max-width:460px) { .site-footer .container { grid-template-rows: 1fr; margin: 0 auto; } } .cmp-external-footer__links nav a { font-size: 14.4px; font-weight: 300; } .cmp-external-footer__copyright { font-weight: 300; }