[Resolved] What's the best way to change the colors of editor popups and buttons?

[Florian]

I use the TinyMCE editor in a forum on the frontend and certain colors there can’t be specified over your theme settings. In the following image those are the buttons as well as the border around the input field:

View post on imgur.com

Interestingly, the button hover color from your color settings still apply.

Where should I change these colors?

[David]

Hi there,

the Theme doesn’t control the Admin UI styles.
You can select a different theme from your User Profile.

There are a bunch of plugins that add more styles.

[Florian]

But this button is available on the frontend. Are all TinyMCE buttons considered admin UI?

[David]

Actually i am not sure. What happens if you switch to a different color theme in the user profile?

[Florian]

That doesn’t change anything. They’re still blue.

[Tom]

Is there a specific page where I can see this input area possibly?

[Florian]

If you give me an email address I can generate a temporary account. An account is necessary.

[Leo]

You can use support@generatepress.com

[Florian]

This is a temporary login (as a subscriber).
You can go to https://codinginflow.com/community and create a reply there.

https://codinginflow.com/wp-admin/?wtlwp_token=31e7fd2dbc39dc41c0f222e8d6022785

[Leo]

Still not quite sure how to get the popup to show.

I clicked a on test post and the reply looks like this:
https://www.screencast.com/t/cfJnXRZuA0

[Florian]

Sorry, I forgot that. You have to click the little code icon in the editor bar.

[Leo]

Looks like the TinyMCE provides the style for the button so the theme doesn’t control it:
https://www.screencast.com/t/E1dQQJEZuCa

You can try overwriting it.

[Florian]

Thank you. I guess I just do that in “Additional CSS”?

[Leo]

Yup. One of these methods:
Adding CSS: https://docs.generatepress.com/article/adding-css/

[Florian]

Thanks!

[Author]

Posts