I find codes on the web, and then copy and use them.
https://ecomposer.io/blogs/news/shopify-faq-section?comment=131202253032#comments
After that, my section’s tab can’t show the text like the web.
I have inputted the content!
Topic summary
Main issue: After copying a web FAQ section, the tab text didn’t display in the user’s Shopify store.
Context: The user shared a page link (Shopify collection) and images showing missing tab text, suggesting a style mismatch rather than missing content.
Diagnosis: A CSS styling problem likely caused tab labels to render in a color blending into the background. The relevant selector is the .tab-label class, which controls the text for FAQ tab/accordion labels.
Fix: Add a CSS rule to the theme’s faq-style.css via Online store > Themes > Edit code: “.tab-label { color: #000 !important; }”. This forces black text and overrides conflicting styles.
Outcome: The user confirmed the text appears correctly after applying the rule. Code snippet is central to the solution; images served as evidence of the initial issue.
Status: Resolved. No SEO considerations were discussed; no further actions or disagreements noted.
Could you drop that page link to check?
Yep, https://mostplusauto.com/collections/abs-sensors
can you tell what should i do for it, thank you
Hi, please go to your Online store > Themes > Edit code, open faq-style.css, add this code at the bottom of your file and save it to solve the issue
.tab-label { color: #000 !important; }
1 Like
Thank you, it appears
You are very welcome, @Raphaelroi666