Notifications
Clear all

How can I fix this on the editor?

8 Posts
2 Users
0 Reactions
134 Views
Posts: 4
Topic starter
(@ramontf)
Active Member
Joined: 2 months ago

Hello,

How can I fix the color of the toolbar in the post and/or reply editor (see attached picture)?

I have searched for hours for the option and have not been able to change it!

Thanks!

7 Replies
Tutrix
Posts: 1453
(@tutrix)
Noble Member
Joined: 5 years ago

Hi @ramontf 

Add this CSS code to the custom CSS

#wpforo #wpforo-wrap .mce-toolbar .mce-btn button,
#wpforo #wpforo-wrap .mce-toolbar .mce-btn button i {
  color: #000000 !important;
}
#wpforo #wpforo-wrap .mce-btn .mce-caret {
  border-top: 4px solid #000000 !important;
}

Dashboard > wpForo > Settings > Colors & Styles > Custom CSS

Reply
6 Replies
(@ramontf)
Joined: 2 months ago

Active Member
Posts: 4

@tutrix Fantastic!! Thanks a lot... but, what code do I have to add to change the color of the hoover text as well (when hovering over it, it changes to black and is not visible)?

Reply
Tutrix
(@tutrix)
Joined: 5 years ago

Noble Member
Posts: 1453

@ramontf 

test without "!important"

#wpforo #wpforo-wrap .mce-toolbar .mce-btn button,
#wpforo #wpforo-wrap .mce-toolbar .mce-btn button i {
  color: #000000;
}
#wpforo #wpforo-wrap .mce-btn .mce-caret {
  border-top: 4px solid #000000;
}
Reply
(@ramontf)
Joined: 2 months ago

Active Member
Posts: 4

@tutrix no, it has not worked that way 🙁

Reply
Tutrix
(@tutrix)
Joined: 5 years ago

Noble Member
Posts: 1453

@ramontf 

try

.mce-tooltip-inner { color: #ffffff !important;}
Reply
(@ramontf)
Joined: 2 months ago

Active Member
Posts: 4

@tutrix Still no luck 🙁 In addition, some editor dialog boxes also show a blank “Cancel” button. It's a pain in the neck with this editor!

Reply
Tutrix
(@tutrix)
Joined: 5 years ago

Noble Member
Posts: 1453

@ramontf 

I think this is a conflict with your Wordpress theme or a plugin.
Try another theme or deactivate the plugins and activate them one by one to see which one is causing the issue.

Reply