<![CDATA[active category filter: color instead of opacity?]]>hi there.

any possibility to choose a specific color instead of just an opacity percentage for active filter categories?

to target this via CSS seems crazy complicated?!

some info on this would be great.
THX and best!

gregor

]]>https://laythemeforum.com/topic/7294/active-category-filter-color-instead-of-opacityRSS for NodeSun, 26 Jul 2026 02:52:38 GMTTue, 26 Oct 2021 13:48:20 GMT60<![CDATA[Reply to active category filter: color instead of opacity? on Wed, 03 Nov 2021 21:28:07 GMT]]>Thanks Gregor! have a wonderful day & thank you for supporting Lay Theme! 🌝

@GregorGregor
]]>https://laythemeforum.com/post/27136https://laythemeforum.com/post/27136Wed, 03 Nov 2021 21:28:07 GMT<![CDATA[Reply to active category filter: color instead of opacity? on Wed, 03 Nov 2021 13:45:59 GMT]]>just found it — thanks!
… impatient »me«

.lay-thumbnailgrid-filter-anchor:hover {
opacity: 0.5;
color: #5e8c8a;
}.

]]>https://laythemeforum.com/post/27131https://laythemeforum.com/post/27131Wed, 03 Nov 2021 13:45:59 GMT<![CDATA[Reply to active category filter: color instead of opacity? on Wed, 03 Nov 2021 13:42:53 GMT]]>mh — and the mouseover color i can also change?
… don‘t get how to target those.

]]>https://laythemeforum.com/post/27130https://laythemeforum.com/post/27130Wed, 03 Nov 2021 13:42:53 GMT<![CDATA[Reply to active category filter: color instead of opacity? on Wed, 03 Nov 2021 13:09:38 GMT]]>THANKS!

works and helps.
i call this easy.

have a nice day too!

XG!

]]>https://laythemeforum.com/post/27129https://laythemeforum.com/post/27129Wed, 03 Nov 2021 13:09:38 GMT<![CDATA[Reply to active category filter: color instead of opacity? on Tue, 26 Oct 2021 19:58:14 GMT]]>Dear Gregor
@GregorGregor

The following code is defining the 'active opacity'

.lay-thumbnailgrid-filter-anchor.lay-filter-active {
    opacity: 1;
}

So you can add anything you wish to be applied to the 'Active' category filter e.g

.lay-thumbnailgrid-filter-anchor.lay-filter-active {
    opacity: 1;
    background-color:red;
    color:yellow;
    border-radius:50px;
    width:50px
}

Result:
Screen Shot 2021-10-27 at 8.56.56 AM.png

https://laytheme.com/documentation.html#custom-css-styling

Hope this helps Gregor & have a wonderful day 🌅
Richard
]]>https://laythemeforum.com/post/26991https://laythemeforum.com/post/26991Tue, 26 Oct 2021 19:58:14 GMT