[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?

GeneratePress 2.2.2

GP Premium 1.7.8

[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.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[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?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Florian]

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

[Tom]

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[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.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[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/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Florian]

Thanks!

[Author]

Posts