Ive added a category filter to my blog using the tag cloud, and ended up using some custom CSS to make it look more like a actual filterable menu. My only issue is that once you choose a category from the tag cloud, you are unable to see which one is now active. I'd ideally like for the color to stay the same on the active link as the color when hovering over them - so, once you hover over black to reveal grey and then click on that link, it'd stay grey.
I hope this makes sense and someone can help out! I know enough about code to usually tweak and add certain things but this one is stumping me!
Site password is: P@ssword
Current Code on site:
//tag cloud for catergoies
.sqs-tagcloud li a {
color: rgb(0, 0, 0);
background-color: #1111111;
padding: 5px 10px;
font-size: 18px;
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
transition: .15s ease-out;
}
//tag cloud:hover
.sqs-tagcloud li a:hover {
color: rgba(40, 40, 42, .6);}
//tag cloud
.sqs-tagcloud li {
margin-bottom: 15px;
margin-right: 5px;
}