/* Container for the category image and text */
.woocommerce .product-category {
position: relative;
overflow: hidden;
display: inline-block;
width: 100%;
height: 300px; /* Adjust the height of the category container */
}
.woocommerce .product-category img {
border-radius: 50%; /* Makes the category image round */
object-fit: cover; /* Ensures the image covers the space without distortion */
width: 100%;
height: 100%;
transition: all 0.3s ease-in-out;
}
/* Category name overlay style */
.woocommerce .product-category .woocommerce-loop-category__title {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
font-size: 24px; /* Adjust the font size */
font-weight: bold;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Optional: adds shadow for better readability */
z-index: 10;
text-align: center;
pointer-events: none; /* Prevents the text from blocking clicks */
}
/* Optional: Add hover effect */
.woocommerce .product-category:hover img {
transform: scale(1.1); /* Slight zoom effect on hover */
}
- Uncategorized9 products
- SHAREE1 product
Featured products
-
I see you
৳ 0.99 -
Mug BHeart
৳ 5.00 -
Phone Case Canvas
৳ 9.95 -
T-Shirt Four
Original price was: ৳ 15.00.৳ 12.00Current price is: ৳ 12.00. -
T-Shirt One
Original price was: ৳ 15.00.৳ 12.00Current price is: ৳ 12.00.