Why is my Memberstack UI white or difficult to read?

Article author
Josh Lopez
  • Updated

Using Memberstack 2.0? There is an updated version of this article here.

When you're first setting up, you may notice that Memberstack components look "weird." We'll show you how to fix it!

Memberstack inherits the font-styling of your site. This is handy when your site is primarily dark text on a light background, but problematic if your site has a dark theme.

 

The good news is -- there's an easy fix!

 

White-text-bug.jpg

 

Solution

To override the font color, you'll need to add this snippet of code to your site header. You can change #000 to whatever hex color you want.

 

<style>
.ms-style.ms-style-override {
   color: #000;
}
</style>


You can also add and style the combo class .ms-style.ms-style-override

 


Keywords: White text, grey, light, off-white, too light, dark mode, faded, color, font.

Was this article helpful?

Comments

0 comments

Article is closed for comments.