Closed lukefretwell closed 3 years ago
@aschmoe would be great to talk through this custom CSS I have on our site (and help until today) to see what should be incorporated into main styles:
/* Headings */ h1, h2, h3, h4, h5, h6, .h3, .h2, .h4, .h1 { font-weight: 900; letter-spacing: -.01em; } /* Navigation */ .nav-logo img, .hide-site-name img.logo { max-width: 175px !important; } /* Quote */ .jumbotron:not(.jumbotron-image), .nav-contain .nav-pills li.active a, .btn-primary { background-color: #0071BC !important; border-color: #0071BC !important; } .widget-proudcity-custom-quote-title h1 { font-size: 50px; margin-top: 0 !important; } .quote-menu { background-color: #f1f1f1; border: 1px solid #e4e2e0; border-radius: 3px; padding: 20px 10px 0px 10px !important; margin-top: 30px !important; margin-bottom: 30px !important; } .quote-menu .navbar-nav>li>a { padding: 6px 12px !important; margin-right: 10px; } .help-block { display: block; margin-top: 15px; margin-bottom: 10px; color: #212121; } .panel-grid-cell:only-child .so-panel { margin-bottom: 0 !important; } hr.hidden-print { margin-top: 0px; margin-bottom: 0px; border: 0; border-top: 1px solid #fff; } .quote-hero h1 { padding-bottom: 20px; padding-top: 30px; } .jumbotron-header-container { background-color: #205493; } .jumbotron.jumbotron-inverse .jumbotron-bg { background: rgba(0, 113, 188,.8); } .jumbotron a, .jumbotron a:visited { color: #fff; text-decoration: underline; } .jumbotron a:hover { color: #fff; text-decoration: none; } /* People */ .people { text-align: center; } .people img { max-width: 150px; margin-bottom: 20px; border-radius: 50%; } /* Images */ .img-border img { border: 10px solid #f1f1f1; border-radius: 10px; margin-bottom: 20px; padding: 10px; } .govtech img { max-width: 175px; } .seals img { max-width: 110px; } .partner-horiz img { max-width: 195px; margin-bottom: 10px; margin-top: 10px; } .partner-circle img { max-width: 110px; margin-bottom: 10px; margin-top: 10px; } /* Icons */ .icon .fa { color: #0071BC; font-size: 50px; } .icon h2 { margin-bottom: 0; margin-top: 0; } /* fix for agency sizes alex 4/25 */ .card-wrap.agency h3, .card-wrap.agency .h3 { font-weight: 400; font-size: 20px; line-height: 1.5; } @media screen and (max-width: 779px) { .card-wrap.agency h3, .card-wrap.agency .h3 { font-size: 15px; } } /* Help */ .help { background: #0071BC; margin-bottom: 40px; margin-top: 40px; padding: 30px 0 50px 0; } .help a, .help a:visited, .help, .help h2 { color: #fff; } .help a, .help a:visited { text-decoration: underline; } .help a, .help a:visited { text-decoration: underline; } .help .fa { color: #fff; font-size: 70px; padding-top: 40px; } /* Apps */ .apps { text-align: center; } .apps img { border: 1px solid #f1f1f1; border-radius: 5px; width: 100%; max-width: 125px; } .apps h3 { font-size: 15px; } .apps .panel-grid-cell { background: #f1f1f1; margin-bottom: 20px; padding: 10px; } /* Plans */ .plan { border: 1px solid #d6d7d9; border-radius: 3px; padding: 10px; margin-bottom: 20px; } /* Table */ table { border: 1px solid #f1f1f1; width: 100%; } th { text-align: left; } th, td { padding: 15px; text-align: left; } tr:nth-child(even) {background-color: #f1f1f1;} /* Media */ .media { margin-bottom: 2em; } .media img { border: 1px solid #f1f1f1; } /* Forms */ .formWrap, .formButtonWrap { margin: 0 !important; padding: 0 !important; }
Merging with https://github.com/proudcity/wp-proudcity/issues/1393
@aschmoe would be great to talk through this custom CSS I have on our site (and help until today) to see what should be incorporated into main styles: