Skip to content

Instantly share code, notes, and snippets.

@RiaanKnoetze
Created November 2, 2020 10:52
Show Gist options
  • Save RiaanKnoetze/70a0fe6c232d36bbfe25f02ee5678dc8 to your computer and use it in GitHub Desktop.
Save RiaanKnoetze/70a0fe6c232d36bbfe25f02ee5678dc8 to your computer and use it in GitHub Desktop.
Permanently show price, add-to-cart button and product title when using Storefront Galleria
@media screen and (min-width: 768px) {
.site-main ul.products li.product, .smm-mega-menu ul.products li.product {
overflow: visible;
}
.site-main ul.products li.product .button,
.site-main ul.products li.product .g-product-title,
.smm-mega-menu ul.products li.product .button,
.smm-mega-menu ul.products li.product .g-product-title {
display: block;
opacity: 1;
position: relative;
padding: 0;
}
ul.products li.product:not(.product-category) .g-product-title,
ul.products li.product:not(.product-category) .g-product-title h3,
ul.products li.product:not(.product-category) .g-product-title h2,
ul.products li.product:not(.product-category) .g-product-title .woocommerce-loop-category__title {
font-size: 1rem;
position: initial;
}
.site-main ul.products li.product .g-product-title {
min-height: 100px;
padding: 0.5em
}
ul.products li.product .g-product-title .price {
opacity: 1;
}
.site-main ul.products li.product .button {
transform: inherit;
padding: 0.5em;
margin-top: 0.5em;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment