I want to change the color of the header font, but no matter which selector , the “Gallery” button doesn’t change. Why?
Topic summary
A Shopify store owner encountered an issue where CSS selectors failed to change the header font color for a “Gallery” dropdown button, despite multiple attempts.
Solution Provided:
- Add custom CSS code to the
theme.liquidfile, placed above the</body>tag - Alternatively, insert CSS targeting
summary.site-nav__linkclasses into the theme’s stylesheet (index.css/base.css/theme.css) - Both solutions use
!importantto override existing styles
Outcome:
The first solution successfully resolved the issue. The problem likely stemmed from CSS specificity conflicts where standard selectors couldn’t override the theme’s default styling for dropdown navigation elements.
2 Likes
Hey @Chloe-Chopper
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
1 Like
It working!!!
Thank you so much!!!
1 Like
Hello @Chloe-Chopper
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > index.css / base.css / theme.css and paste this at the bottow of the file:
summary.site-nav__link.site-nav__link--underline.site-nav__link--has-dropdown {
color: red !important;
}
2 Likes
Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.