Jump to content

Maintain hover effects of button after click

Recommended Posts

Hello I am currently sorting my blog posts by category. 

I do this by allowing the user to click a button that links to a URL that contains the category. Something like:

https://website-domain/blog-page-url?category=Name-of-Category

This then reloads the blog page only showing posts in the specified category.

I'm wondering if there's a way to have these buttons maintain their hover effects after the user clicks them so that if the user clicks button1, the page reloads, now they are viewing only category1 posts, and button1 will indicate it is clicked by maintaining its hover effects. 

I would assume this is done by using the unique url for the category but I can't seem to get it working. 

Also unfortunately I can't share my site url but let me know if any other information that would be helpful in answering this question. Thank you!

Edited by cjdp
Link to comment
  • Replies 2
  • Views 486
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

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.