Hi, my “our story” page is appearing blank, appreciate help, how can i make the fonts black? Thanks.
Topic summary
A user’s “Our Story” page displays blank with white text on a white background in the Taste theme, making content invisible.
Root Cause:
The page’s text color is set to white, creating no contrast against the background.
Proposed Solutions:
Multiple respondents suggested similar CSS-based fixes:
- Add custom CSS targeting the page title and content elements
- Set
color: black !important;for affected selectors - Common target:
.main-page-title,section#shopify-section-template, and paragraph elements
Implementation Methods:
- Navigate to Online Store > Themes > Customize > Theme Settings and add CSS to Custom CSS section
- Or go to Actions > Edit Code > base.css and append the CSS at file end
- Alternative: Change the color scheme in theme settings
Additional Check:
One respondent recommended verifying that page content actually exists in Online Store > Pages > Our Story
All solutions involve CSS modifications with !important flags to override existing styles. The issue appears resolved through these color adjustments.
Hey @lisanchem
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 you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Your text color is white so you got this issue. Please add this cod to Custom CSS in Online Store > Themes > Customize > Theme settings
section#shopify-section-template--22332844736696__main * {
color: #000;
}
hi @lisanchem ,
first of all check page content
Edit the Page: Go to your Shopify admin panel, then navigate to Online Store > Pages and click on “Our Story.” Ensure there is content in the text editor. Sometimes, content can accidentally get removed or not saved.
Change Font Color to Black by adding custom css:
Go to Themes: In your Shopify admin, go to Online Store > Themes.
Customize Your Theme: Click on Customize for your active theme.
Access the Theme Editor: In the editor, click on Theme settings (usually located at the bottom left).
Add Custom CSS: Look for an option to add custom CSS or go to Edit code under the Actions dropdown.
Add CSS Code: In the Assets folder, locate and open your theme.scss.liquid or similar CSS file, and add the following code at the bottom:
.page-title,
.rte,
.rte p {
color: black !important;
}
save the changes.
Got it! If you found my suggestions helpful, please consider liking or marking it as a solution.
Your feedback is appreciated! If you have any more questions or need further assistance, just let me know.
Regards
Akshay Bhatt
Hello @lisanchem
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.
.main-page-title.page-title.h0.scroll-trigger.animate--fade-in {
color: black !important;
}
@media screen and (min-width: 750px) {
.section-template--22332844736696__main-padding {
color: black;
}
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
Hi @lisanchem ,
To solve the issue,
change color scheme on settings
or
1.Go to your Shopify admin panel.
2.Navigate to Online Store > Themes.
3.Find your theme and click on Customize.
4.Click Actions > Edit code.
5.In the left sidebar, under the Layout directory, select base.css.
h1.main-page-title.page-title.h0.scroll-trigger.animate--fade-in, .rte.scroll-trigger.animate--slide-in {
color: black !important;
}
then save your changes
Result:-
I hope this helps! If it does, please like it and mark it as a solution!
If you need further assistance, feel free to reach out!
Regards,
Sweans




