Hello,
I am hoping somebody can help me.
I am trying to change the tabs on my product page to a different colour when you click on them. Please see the screenshot below. I would like to leave them white, and then when you click on one, I would like the colour of the tab to change to #38C7CA
URL: https://endless-retro-22.myshopify.com/
Thank you,
What is the password for the page?
@Martini4a password is now removed thank you
Thank you!
Do you want it to look like this? See the image here
@Martini4a sorry the link doesnt show anything…
Please see this image
That is what we would like but the other way round - so we would like the tabs in white and then the tab you click on turns the blue colour please…
thank you,
insert this in css
.tabs[data-type=horizontal] .tabs__btn.active, .tabs[data-type=horizontal] .tabs__btn:hover{
background-color: #38c7ca;
}
@Martini4a thank you for this - i have copied into theme.min.css and also theme.css and neither worked. Could you advise where I can correctly input please?
Thank you
try delete the space between the dot, so it look like this
.tabs[data-type=horizontal].tabs__btn.active.tabs[data-type=horizontal].tabs__btn:hover{
background-color: #38c7ca;
}
.tabs[data-type=horizontal] .tabs__btn.active {
background-color: #38C7CA !important;
}
If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on shopify.dev.34@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme
@Savior Thank you so much for this. That works perfectly.