I need some help to change the font colour of “shop all” from white to black as shown in the image below
Topic summary
A user needs to change the “shop all” text color from white to black on their Shopify store (vitassential.net). Two support representatives have provided CSS solutions:
Initial Solution (PageFly-Henry):
- Navigate to: Online Store → Theme → Edit code
- Locate
theme.cssfile - Add CSS code:
.hero__title { color: black !important; }
Alternative Solutions Offered:
- Updated CSS targeting:
h1.hero__title.collection-hero h1 { color: black !important; } - Dan-From-Ryviu suggested adding code to
theme.liquidfile after the<head>tag
Current Status:
The user reported the initial solution did not work. The discussion remains ongoing as support representatives are providing alternative code snippets to resolve the issue. The store is password-protected (password: vitassential), which may be needed for further troubleshooting.
Hi @Hans99
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.css
Step 3: Paste the below code at bottom of the file → Save
.hero__title {
color: black !important;
}
In case the above code doesn’t work, can you send me the page URL so I can test it more carefully?
Hope that my solution works for you.
Best regards,
Henry | PageFly
Hi @Hans99
Could you drop your store link to check?
It still does not work
https://vitassential.net/collections/shop-all
The password is vitassential
https://vitassential.net/collections/shop-all
the store password is vitassential
Go to your Online store > Themes > Edit code > open theme.liquid file, add this code after tag
You can try again with this code:
h1.collection-hero__title.h1 {
color: black !important;
}