products details tab colours

lesbrons
Excursionist
98 0 39

hi, im trying to make the tab colours all the same as the cream background on the page. i recently added code that seemed to get rid of the white background that were on the buttons, but it seems to still be there after you click on the 3rd tab "assistance". Also a white line is shown underneath the active tab that ive been trying to get rid of.

 

https://lesbrons.com/collections/trousers-shorts/products/black-pants

0 Likes
NerdCurator
Shopify Partner
251 49 84

@lesbrons You need to add this code in the theme files. For which you need to go to Online Store > Actions (Active theme) > Edit Code > Assets, under assets add the code at the bottom of stylesheet.css file.

 

.rte-tab #tab4:checked ~ nav .tab4 label{background-color: transparent;}
.rte-tab #tab1:checked ~ nav .tab1 label:after, .rte-tab #tab2:checked ~ nav .tab2 label:after, .rte-tab #tab3:checked ~ nav .tab3 label:after{display:none !important;}

 

Believes in delivering optimizing web solutions | Shopify Partner | Working as a web developer for last 8+ years.
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Email me: info@nerdcurator.com
0 Likes
lesbrons
Excursionist
98 0 39

thank you! this worked on the first 2 tabs, but when i click on assistance the 3rd tab the white line still appears underneath

0 Likes