active category filter: color instead of opacity?

[GregorGregor]

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

[Richard]

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:

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

---

Hope this helps Gregor & have a wonderful day 🌅

Richard

[GregorGregor]

THANKS!

works and helps.
i call this easy.

have a nice day too!

XG!

[GregorGregor]

mh — and the mouseover color i can also change?
… don‘t get how to target those.

[GregorGregor]

just found it — thanks!
… impatient »me«

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

[Richard]

Thanks Gregor! have a wonderful day & thank you for supporting Lay Theme! 🌝

@GregorGregor