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
-
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:
Hope this helps Gregor & have a wonderful day 🌅
Richard
-
THANKS!
works and helps.
i call this easy.have a nice day too!
XG!
-
mh — and the mouseover color i can also change?
… don‘t get how to target those. -
just found it — thanks!
… impatient »me«.lay-thumbnailgrid-filter-anchor:hover {
opacity: 0.5;
color: #5e8c8a;
}. -
Thanks Gregor! have a wonderful day & thank you for supporting Lay Theme! 🌝
@GregorGregor
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it
Online Users
Forgot your key, lost your files, need a previous Lay Theme or Addon version?
Go to www.laykeymanager.com