Hi, I need to change the colour of the content of the tabs and turn it into a lighter Grey instead of a Black.
My website is not live yet, heres the preview link:
Topic summary
A user working with the Baseline theme needs to change tab content text color from black to light grey on their preview site.
Initial Solutions Offered:
- One responder suggested modifying the
.text-scheme-textCSS class through theme color customization settings - Provided CSS code to change color to
#000(though this appears to be black, not grey)
User’s Constraint:
The original poster wants to change only the tab content color without affecting other parts of the website and prefers not to use the theme customizer.
Technical Solution Provided:
A detailed approach was shared:
- Navigate to Shopify Admin → Online Store → Themes → Actions → Edit Code
- Locate
theme.min.cssin Assets folder - Add custom CSS targeting
.collapsible-tab .rte pwith color#d98989at the bottom of the file
The discussion includes code snippets and screenshot references to help implement the color change. The conversation remains open as the user hasn’t confirmed whether the solution worked.
1 Like
Hello @DaniCollantes
Which Theme you are using?
Current CSS - You can change from theme color customise settings
.text-scheme-text {
color: var(--color-scheme-text);
}
or Use (If you don't know how to change from the Customise)
.text-scheme-text {
color: #000 !important;
}
Thank You
I’m using Baseline, I want to change them without changing other parts of the website, where can i write the code?
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > theme.min.css and paste this at the bottom of the file:
.collapsible-tab .rte p {
color: #9d9898;
}
1 Like