Skip to content

Instantly share code, notes, and snippets.

@spencerfinnell
Created June 12, 2018 17:14
Show Gist options
  • Save spencerfinnell/5a23ea72e31a3de6f91d4fed0575cbf3 to your computer and use it in GitHub Desktop.
Save spencerfinnell/5a23ea72e31a3de6f91d4fed0575cbf3 to your computer and use it in GitHub Desktop.
Additional CSS used to create https://demos.bigboxwc.com/lifestyle/
@media (min-width: 992px) {
.navbar .container {
display: flex;
align-items: center;
}
.navbar__inner {
padding: 1rem 0;
flex: 1;
}
.navbar-menu--primary {
flex: 1;
display: flex;
justify-content: flex-end;
border-top: 0;
}
}
.home .page-flow {
margin-top: 0;
}
.home .page-title {
display: none;
}
.home .hentry--page > .wp-block-cover-image:first-child {
margin-top: 0;
}
.wp-block-cover-image-text a {
text-decoration: none;
}
.feature-list h4 {
margin-bottom: 0;
}
.feature-list p {
margin-top: 0;
}
.product__preview {
max-width: none;
}
.home .product__inner {
border-bottom: 0;
}
@media (min-width: 576px) {
.home .woocommerce ul.products-main,
.home .woocommerce-page ul.products-main {
margin-bottom: 0;
}
}
@media (min-width: 992px) {
.home .site-primary--full {
flex: 0 0 83.33333%;
max-width: 83.33333%;
margin: 0 auto;
}
}
.reviews .wp-block-image {
margin: 0 auto;
}
.reviews .wp-block-image img {
display: block;
border-radius: 100%;
}
#mc-embedded-subscribe-form {
max-width: 500px;
margin: 0 auto;
}
.mailchimp__email {
flex: 1;
margin-right: 1rem;
}
.hero.wp-block-cover-image .wp-block-cover-image-text {
font-weight: 100;
font-size: 3rem;
}
.woocommerce-product-details__short-description ul {
padding-left: 1rem;
}
@media (min-width: 1200px) {
.site-tertiary {
max-width: none;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment