<![CDATA[product thumbnail grid: CSS to make category filter be like tag bubbles]]>

<![CDATA[product thumbnail grid: CSS to make category filter be like tag bubbles]]>

.lay-productsgrid-filter-anchor{
    border-radius: 30px;
    background-color: rgba(255,255,255,0.8);
    padding: 10px 28px 10px 30px;
    line-height: 1!important;
}
.lay-productsgrid-filter-anchor:not(.lay-filter-active):hover{
    background-color: rgba(255,255,255,0.5);
}
.lay-filter-active.lay-productsgrid-filter-anchor{
    background-color: #28282A;
}

Enter this css in "lay options" -> "custom css & html" -> "custom css"

thought it could be useful to someone!

]]>https://laythemeforum.com/topic/10820/product-thumbnail-grid-css-to-make-category-filter-be-like-tag-bubblesRSS for NodeSun, 20 Sep 2026 18:14:34 GMTMon, 10 Mar 2025 15:18:29 GMT60<![CDATA[Reply to product thumbnail grid: CSS to make category filter be like tag bubbles on Mon, 10 Mar 2025 15:19:07 GMT]]>this basically gives the filters a button appearance

]]>https://laythemeforum.com/post/42461https://laythemeforum.com/post/42461Mon, 10 Mar 2025 15:19:07 GMT