Shopify themes, liquid, logos, and UX
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 </body> tag
<style>
.main-page-title {
color: black !important;
}
.page-width.page-width--narrow.section-template--22332844736696__main-padding {
color: black !important;
}
</style>
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;
}
- Helpful? Like and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- 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.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
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
Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-Commerce to discuss practical strategies f...
By JasonH Nov 13, 2024