Default text changed to white

Hi,

My default text color changed to white out of no where. So all my blog posts and the popup hover on the x theme are white.

This is not good since the background is also white so visitors cannot see the text!

Why did this happen? Can you help? thanks

Hello @Bobbytaslimi,

Thanks for asking. :slight_smile:

I checked the websites that’s listed on the licence manager and on my end I don’t see issues with text color. I navigated through the pages and don’t see the problem. I think it might be a problem with cache, please try clearing browser cache and see how it goes. You can take a look at following resource to clear browser cache.

https://kb.iu.edu/d/ahic

However, I noticed few things that I would like to share with you.

  1. http://thomasduplacet.com/: On this website I see that you are using old version X Theme and Cornerstone. Please note that using old version of X Theme and Cornerstone can cause compatibility issues. In that regards I suggest you to update the X Theme and Cornerstone. However, my recommendation would be to update on a staging server, so that in case any issues come up same can be looked at without affecting the live website.

To update Cornerstone and X Theme please take a look at following resources:

  1. Version compatibility guide: To learn about the latest and compatible versions of bundled and supported plugins, please take a look at following doc:


2. Theme Update guide: Please take a look at following article to update Cornerstone.


3. Please take a look at following doc about changelog:

https://theme.co/changelog/

Thanks.

HI there,

I am talking about my other website: dejavegan.com

Can you please verify this one? thanks

Hello @Bobbytaslimi,

Thanks for updating the thread.

Yes, I have checked dejavegan.com and have shown text working fine in my previous reply wherein I have shared screencast. However, here’s a screencast.

Thanks.

@Prasant

Please check the hover pop on the first images above the fold.
Please go to the blog section
Please check comments on product pages
Please check product category pages

Hello @Bobbytaslimi,

Thanks for updating the thread and sharing the relevant problem area’s.

I checked and can now confirm that there is issue with font color. However, it seems that you have made changes into the theme files and that’s the reason why those problems are coming up. I inspected the code based on your inputs in dev tools and I see that <font color="white"> code. Now, this is not a default Pro Theme code and it seems that themes files have been modified. Let me share some video screencasts to illustrate.

Home page popover: Please watch the screencast. https://cloudup.com/cJIDkcaxIEu

Blog index page: https://cloudup.com/cny_BE9o1BW

Please check the changes you have made and change colors accordingly. If you want to change the color of pages, better option is to use Content Builder as it has option to change elements colors or you can use CSS also to change the color.

To get started with CSS and some development tools, please take a look at following resources.

Thanks.

HI @Prasant

I never made any changes whatsoever. This happened randomly.

How do I fix this?

Hi there,

It could be that the codes you have in the Topbar content is causing the issue.

Please double check that the HTML tags you have added in the content are properly paired and closed. Also the <font> tag is already a deprecated tag.

Try copying the current code you have in the topbar content to notepad then replace it with this:

<a href="https://www.dejavegan.com/shop" class="orange">FREE SHIPPING &amp; NO TAX</a>
<a href="https://www.dejavegan.com/blog" class="white"> | BLOG</a>
<a href="https://www.dejavegan.com/our-story" style="outline: none;" class="white">| OUR STORY</a>

Then add this code to the Global CSS:

.orange {
    color: orange;
}

.white {
    color: white;
}

Here are some reference links related to the suggestions above:

Hope this helps.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.