I need some help with colour of text in mobile menu and contact for ‘message’ section, as both appear as black with the black background and are unable to be seen. I’d like to change the text for these 2 items to be white.
Topic summary
A user is experiencing visibility issues on their Shopify site where text appears black against a black background in two areas:
Problem Areas:
- Mobile menu text
- Contact form ‘message’ section
Solutions Provided:
Two community members offered CSS-based fixes:
-
Made4uo-Ribe’s approach: Add CSS code to the theme’s stylesheet (base.css, style.css, or theme.css) targeting specific elements with white color and background properties for textarea and cart-related containers.
-
PageFly-Richard’s approach: Insert custom CSS code into the theme.liquid file, positioned above the
</head>tag.
Status: The thread appears to have active solutions but no confirmation yet from the original poster about whether either fix resolved the issue. Both solutions require editing theme code files through the Shopify admin dashboard.
1 Like
Hi @Biancajkd23
Check this one.
- From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
- Find the theme that you want to edit and click on “Actions” and then “Edit code”.
- In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.menu-drawer__inner-container *, .cart-drawer * {
color: white !important;
}
textarea {
background: white;
}
-
And Save.
-
Result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
Hi @Biancajkd23
This is Richard from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the
Hope this can help you solve the issue
Best regards,
Richard | PageFly