Our Story Page appearing blank - Taste theme

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:

  1. Navigate to Online Store > Themes > Customize > Theme Settings and add CSS to Custom CSS section
  2. Or go to Actions > Edit Code > base.css and append the CSS at file end
  3. 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.

Summarized with AI on November 4. AI used: claude-sonnet-4-5-20250929.

Hi, my “our story” page is appearing blank, appreciate help, how can i make the fonts black? Thanks.

Hey @lisanchem

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. 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