Featured: The Scripture Collection
Elegance Meets Eternal Truth
Descover ethically sourced apparel and home goods that reflect your values and inspire your daily walk.
/* ==================================================
WOOCOMMERCE PRODUCT LIST – DIFFERENT LOOK
Clean • Editorial • Catalog-style
================================================== */
/* ———- PRODUCT CONTAINER ———- */
.woocommerce-page ul.products li.product,
.woocommerce ul.products li.product {
padding: 24px 16px 28px;
margin: 0;
background: none;
border-bottom: 1px solid #e6e6e6;
border-radius: 0;
box-shadow: none;
transition: background .25s ease;
}
.woocommerce ul.products li.product:hover {
background: #fafafa;
}
/* ———- PRODUCT IMAGE ———- */
.woocommerce-js ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
width: 100%;
max-height: 320px;
object-fit: scale-down;
background: #fff;
border-radius: 0;
}
/* ———- RESPONSIVE IMAGES ———- */
@media (max-width: 768px) {
.woocommerce-js ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
max-height: 220px;
}
}
@media (max-width: 480px) {
.woocommerce-js ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
max-height: 180px;
}
}
/* ———- TEXT WRAP ———- */
.astra-shop-summary-wrap {
text-align: left;
padding-top: 14px;
}
/* ———- PRODUCT TITLE ———- */
.woocommerce-loop-product__title {
font-family: “Gotham”, Helvetica, Arial, sans-serif !important;
font-size: 17px;
font-weight: 500;
line-height: 1.4;
margin-bottom: 6px;
}
/* ———- PRICE ———- */
.woocommerce-js ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
font-size: 14px;
font-weight: 400;
color: #444;
margin-bottom: 10px;
}
/* ———- ADD TO CART (LINK STYLE) ———- */
.woocommerce ul.products li.product .button {
background: none;
padding: 0;
font-size: 12px;
letter-spacing: .08em;
text-transform: uppercase;
color: #000;
}
.woocommerce ul.products li.product .button:hover {
text-decoration: underline;
}
/* ———- OUT OF STOCK ———- */
.woocommerce-js ul.products li.product .ast-shop-product-out-of-stock {
top: 12px;
left: 12px;
transform: none;
background: rgba(0,0,0,.75);
color: #fff;
font-size: 11px;
padding: 4px 8px;
height: auto;
border-radius: 2px;
max-width: fit-content;
}
/* ———- SINGLE PRODUCT IMAGE ———- */
.woocommerce-js div.product div.images img {
width: 100%;
max-height: 520px;
object-fit: contain;
background: #f7f7f7;
}
/* ———- SINGLE PRODUCT GALLERY ———- */
.woocommerce-js div.product div.woocommerce-product-gallery–columns-4 .flex-control-thumbs li {
width: 90px;
height: 90px;
}
.woocommerce-js div.product div.images.woocommerce-product-gallery .flex-viewport {
background-color: #f7f7f7;
}
/* ———- ALIGN SINGLE IMAGE ———- */
.woocommerce div.product div.images {
text-align: center;
}
/* ———- REMOVE BREADCRUMB ———- */
.woocommerce-breadcrumb {
display: none;
}
/* ———- TYPOGRAPHY CLEANUP ———- */
.woocommerce-js h2 {
margin: 0 !important;
}
@media (min-width: 1024px) {
.woocommerce-js h2 {
font-size: 30px;
}
}
/* ———- MISC CLEANUPS ———- */
.products:not(.elementor-grid) {
margin-top: 25px !important;
}
.wp-block-separator.is-style-dots {
display: none;
}
.wc-block-components-product-name {
display: none !important;
}
/* 1. Target the specific Astra/WooCommerce image container */
.astra-shop-thumbnail-wrap {
width: 100%;
/* This ensures the container itself follows the 4:5 ratio */
aspect-ratio: 4 / 5;
overflow: hidden;
}
/* 2. Style the image to fill that container from the top */
.astra-shop-thumbnail-wrap img {
width: 100% !important;
height: 100% !important;
/* Forces the image to cover the 4:5 area without distortion */
object-fit: cover !important;
/* Keeps the top of the book cover visible */
object-position: top !important;
}
