Archived topic
What's the best way to change the colors of editor popups and buttons?
15 replies · Started by Florian on February 24, 2019
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:
https://imgur.com/7gjgAvJ
Interestingly, the button hover color from your color settings still apply.
Where should I change these colors?
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.
But this button is available on the frontend. Are all TinyMCE buttons considered admin UI?
Actually i am not sure. What happens if you switch to a different color theme in the user profile?
That doesn't change anything. They're still blue.
Is there a specific page where I can see this input area possibly?
If you give me an email address I can generate a temporary account. An account is necessary.
You can use support@generatepress.com
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
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
Sorry, I forgot that. You have to click the little code icon in the editor bar.
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.
Thank you. I guess I just do that in "Additional CSS"?
Yup. One of these methods:
Adding CSS: https://docs.generatepress.com/article/adding-css/
Thanks!
