Shopify themes, liquid, logos, and UX
I have built an FAQ section, where the question is in the colour grey. I would like it that when the element is clicked the text turns to black. I used the ':active' in my CSS file but that obviously only works when the element is being clicked. How can I make it so that when it is clicked it remains active until clicked again, or another question is clicked?
Thank you! My CSS code is below 🙂
.tab-label {
width: 100%;
display: flex;
justify-content: space-between;
padding: 1em;
font-weight: bold;
color: #87878c;
background-color: #fff;
}
.tab-label:active {
width: 100%;
display: flex;
justify-content: space-between;
padding: 1em;
font-weight: bold;
color: #2c2c2c;
background-color: #fff;
}
Solved! Go to the solution
This is an accepted solution.
Don't worry this is solved!
This is an accepted solution.
Don't worry this is solved!
User | RANK |
---|---|
212 | |
151 | |
69 | |
46 | |
40 |
Thanks to all Community members that participated in our inaugural 2 week AMA on the new E...
By Jacqui Mar 10, 2023Upskill and stand out with the new Shopify Foundations Certification program
By SarahF_Shopify Mar 6, 2023One of the key components to running a successful online business is having clear and co...
By Ollie Mar 6, 2023