Jump to content

Tag Cloud Customization Help

Recommended Posts

Hi there, 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 filterable menu. My only issue is that once you choose a category, you are unable to see which one is active. I'd like for the color to stay the same on the active link as the color when hovering over them as - that is 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;
}

Screenshot 2023-09-26 at 6.35.14 PM.png

Link to comment
  • Replies 3
  • Views 2.5k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.