White Text in TinyMCE visual editor

FrankLauda commented 5 years ago

Hi,

I'm not sure if anyone else has encountered this problem. I've done a fresh install of foundationPress with npm. Everything is fine until I start doing some work on the theme, or even just add some content in the WordPress admin.

The WordPress visual editor TinyMCE, you can't see any text. It's there, but it's white, and you can view in text editor mode. But obviously, this is no good to me when I hand this off to a client. All the buttons e.g. kitchen sink are still displaying.

I've taken all these common steps to try and resolve the issue. see https://mythemeshop.com/blog/fix-white-text-and-missing-buttons-error/, but no luck. I'm using a local environment setup on my Mac with MAMP.

The only resolution I found is to do a fresh install of FoundationPress, but the same result, do some more work then the same issue.

So does anyone have any thoughts on this? Any help would be much appreciated.

Regards Frank

kLOsk commented 5 years ago

Hi Frank, in _editor-style.scss can you try add color: $black; or color: black; to the tinymce selector? Like so:

body#tinymce{
      height: auto; // Fix editor style bug
      max-width: $grid-row-width; // Give the editor a max-width
      padding: rem-calc(20) !important;
      color: black;
}

Then compile again.

FrankLauda commented 5 years ago

Hi Daniel,

Yes, that work! I can't believe I didn't think of this. The editor is mimicking the front-end, which the p tag was white. Thanks for your help.

On Thu, May 16, 2019 at 10:32 PM Daniel Klose notifications@github.com wrote:

Hi Frank, in _editor-style.scss can you try add color: $black; or color: black; to the tinymce selector?

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/olefredrik/FoundationPress/issues/1385?email_source=notifications&email_token=AL74BBQGPCGWYCT5CSVO6GLPVVH57A5CNFSM4HLWDIR2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGODVRVB6Y#issuecomment-493048059, or mute the thread https://github.com/notifications/unsubscribe-auth/AL74BBVH43B4JNWVZYX5WH3PVVH57ANCNFSM4HLWDIRQ .

kLOsk commented 5 years ago

Glad it helped. Yes Foundationpress isn't really ready for a dark mode yet unfortunately. Would be nice if this can be added more easily in the future.

olefredrik / FoundationPress

White Text in TinyMCE visual editor #1385