Solved

Why is the text on my website pages not visible?

Verique_
Tourist
8 0 0

Hey,

 

I have put text in all of my pages & policies but they don't show up when you view the website. The only page that is working currently is the about us page which has a really big gap between the header and the text for whatever reason. Is there a way for this gap to be removed?

 

Also, the other pages either show no text at all or only show links and underlined text.

Pages that aren't working:

  • Order Lookup.
  • FAQs.
  • Shipping.
  • Contact Us.
  • Terms of Service.
  • Privacy Policy.
  • Refund Policy.
  • Contact Information.

One of the front-line advisors mentioned that there was an issue with the HTML code that was causing this but they didn't have the expertise to fix it.

 

Thanks!

Accepted Solution (1)
Moeed
Shopify Partner
3794 958 1189

This is an accepted solution.

Hey @Verique_ 

 

Keep those 2 codes and add this new code as well right above </body> in the end of the theme.liquid file

<style>
.shopify-policy__title h1 {
    color: black !important;
}
</style>

 

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

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Replies 12 (12)

Moeed
Shopify Partner
3794 958 1189

Hey @Verique_ 

 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Verique_
Tourist
8 0 0

Here's the store URL: https://verique.co/

Moeed
Shopify Partner
3794 958 1189

Hey @Verique_ 

 

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

{% if template == "page" %}
<style>
h1, h2, h3, h4, h5, .h0, .h1, .h2, .h3, .h4, .h5, p {
    color: black !important;
}
</style>
{% endif %}

RESULT:

Moeed_0-1704870409247.png

 

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

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Verique_
Tourist
8 0 0

Hi Moeed,

 

I added that code at the bottom of the theme.liquid file. Now the heading is visible on the about us page, and the headings & text now appear on the FAQ, shipping and contact us pages.

 

However, the text on the refund and privacy policies, terms of service, contact information and order look up is still not appearing. Is this able to be fixed?

 

Thanks!

Moeed
Shopify Partner
3794 958 1189

Hey @Verique_ 

 

Try this another code in theme.liquid above </body> in the end of the file

<style>
html body{
    color: #000 !important;
}
</style>

 

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

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Verique_
Tourist
8 0 0

Hi Moeed, 

 

The text is now appearing on those pages. However, the headings are not appearing for the refund and privacy policies, terms of service and contact information pages.

 

Thanks!

Moeed
Shopify Partner
3794 958 1189

Hey @Verique_ 

 

Don't remove the first code, keep both of the codes in theme.liquid and then it should be good to go!

 

Best Regards,

Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Verique_
Tourist
8 0 0

Hi Moeed,

 

I've put in both of the codes in the theme.liquid file. I still can't see the headings on those pages. Does the order matter? 

 

Thanks!

Moeed
Shopify Partner
3794 958 1189

This is an accepted solution.

Hey @Verique_ 

 

Keep those 2 codes and add this new code as well right above </body> in the end of the theme.liquid file

<style>
.shopify-policy__title h1 {
    color: black !important;
}
</style>

 

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

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Verique_
Tourist
8 0 0

Hi Moeed,

 
All of the pages have their heading and text visible now.
 
Thanks a lot for your help!
Moeed
Shopify Partner
3794 958 1189

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

PageFly-Richard
Shopify Partner
4287 973 1626

Hi @Verique_ 

 

This is Richard from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
html body{
color: #000;
}
</style>

PageFlyRichard_0-1704870334148.png

 

Hope this can help you solve the issue 

 

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.