Please can I have help with changing the tabs on the product page to a different colour?

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?

1 Like

@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;

}
1 Like

@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;

}

@Endlessretro

  1. Go to your store Assets > theme.min.css and paste the lines at the bottom of the file
.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

1 Like

@Savior Thank you so much for this. That works perfectly.