Hello Everyone!
I want to keep the font color of the header, footer, and product description white. Please help me. Thank you.
store: https://puppies-paws-shop.myshopify.com/
Password: Admin
Topic summary
A user seeks to change font colors to white across three areas of their Shopify store using the Impact theme: header, footer, and product description sections.
Solution Provided:
- Custom CSS code was shared for the header that targets link lists, hover states, and SVG elements
- Separate CSS code provided for the footer covering block lists, links, paragraphs, labels, and input placeholders
- Both solutions use
!importantdeclarations and set opacity to 1 for visibility
Status:
Partially resolved. The product description page styling remains unaddressed because the helper couldn’t access the specific page to provide targeted CSS. The user included screenshots and store credentials (password-protected development store) to illustrate the areas needing modification.
Use this code in the custom css block in the header.
.header__link-list *,.header__link-list a:hover{color:#fff!important;opacity:1!important}.header__link-list svg{stroke:#fff!important;fill:#fff!important}
Use this in the footer.
.footer__block-list,.footer__block-list a,.footer__block-list p,.footer__block-list strong,.footer__block-list label{color:#fff!important}.footer__block-list .text-subdued,.footer__block-list .link-faded{opacity:1!important}.footer__block-list input::placeholder{color:#fff!important}.footer__block-list .icon-chevron-right-small{stroke:#fff!important}
I wasin’t able to do the spec page because I didn’t have a link to see it.