Our Story Page appearing blank - Taste theme

Our Story Page appearing blank - Taste theme

lisanchem
Excursionist
23 0 6

Hi, my "our story" page is appearing blank, appreciate help, how can i make the fonts black? Thanks. Screenshot 2024-10-25 at 3.20.11 PM.png

Replies 5 (5)

Moeed
Shopify Partner
5945 1612 1926

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 </body> tag

<style>
.main-page-title {
    color: black !important;
}
.page-width.page-width--narrow.section-template--22332844736696__main-padding {
    color: black !important;
}
</style>

RESULT:

Moeed_0-1729841187052.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


Dan-From-Ryviu
Shopify Partner
10126 2011 2070

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;
}

Screenshot 2024-10-25 at 14.27.21.png

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

akshay_bhatt
Shopify Partner
50 5 5

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

 

 

 

 

- Need a Shopify Specialist?
- Custom Design | Advanced Coding | Store Modifications
- Email: akshay.bhatt9113923240@gmail.com

GTLOfficial
Shopify Partner
629 136 124

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
33.png

If this was helpful, hit the like button and accept the solution.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh

Sweans
Shopify Partner
420 85 125

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:-

Sweans_0-1729841793022.png

 

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


- Was my reply helpful? Please Like and Accept the Solution or let me know by Buying me coffee!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me at info@sweans.com regarding any help.
- To know more about me check out www.sweans.com