Default text in TinyMCE editor is black until styles are applied either via the plugins or my custom CSS. Once saved and viewed, default text-color is #555, as defined in my primary stylesheet.
I would like TinyMCE to display #555 as the default, to assist users in selecting compatible colors when formatting text via the editor.
Previous questions/answers on StackOverlow (c.2013) refer to a CSS file that no longer exists in the TinyMCE package. I've tried changing the default "color" in content.min.css without result.
I've also tried adjusting the CSS that controls the data-entry forms BUT this is not working, eg.
#ppform textarea {color:#555}
<table id="ppform">
<tr><td><textarea id="ppmce" name="entry">
Is is possible? What else can I try?
If you want to impact the content in the editor via CSS you can pass CSS to the editor via the content_css configuration setting:
https://www.tiny.cloud/docs/configure/content-appearance/#content_css
Related
I want to modify so that the text in my box is displayed in white and not in black.
[Screenshot][1]
It works in the google console so I'm sure it's this attribute that needs to be changed.
I tried to modify the CSS code in the wordpress editor as well as in the gridbuilder editor, but nothing works...
[1]: https://i.stack.imgur.com/WfuPY.png
"element.style{}" isn't an element inside your code. You need to find the correct element in your code and apply it to that specific element.
See this link Chrome Docs
I've followed the examples in the docs and still cannot seem to get my custom theme to work. All I want to do is change the app background in the dark theme to something that isn't as...green. I removed CLR on my angular.json and imported it on styles.scss along with my custom theme sheet. The custom theme just has a root adjustment using CSS custom property of
:root {
--clr-global-app-background: hsl(226, 30%, 14%);
}
I get a flash of my preferred background before the page fully renders and then it goes back to the default greenish grey default.
I have a tinyMCE implementation where the style_formats are not using the CSS imported font as a preview in the format selector. Oddly, it does display the font in the editor portion (see screenshot)
I have added the stylesheet containing the #font-face specifications in content_css property for tinyMCE.
If I load the page on a system with that font installed, it uses the font in the formats menu as expected.
The issue here is that the content window for TinyMCE is an iFrame so its separate from the containing page where you are loading TinyMCE. The Menubar, Toolbar(s) etc are not in that iFrame but are part of your main containing page that includes TinyMCE.
As such for both to have access to a font both need to load the font. Loading it in the CSS that you pass to the editor (via content_css) solves that for the content window but does not address the containing page. If you load that same font in the containing page things will work as expected. Based on your description I believe this is working as designed.
This isn't a tinyMCE issue at all.
I was adding an #import for the font CSS in the tinyMCE custom CSS. It could be that I'm dynamically loading the view containing the tinyMCE implementation, but including the font CSS using a <link> tag in the wrapper template solved the issue.
I have my own website and I am currently using the Vulcan template on Wordpress and I want to change a texts font color. Is there a way to do this?
Yes of course, if there is a will there is a way.
Are you changing an element inside a post?
Open up your page/post editor and switch the editor to "Text" mode (look to the far right on the editor) and keep reading.
Are you changing a "hard-coded" element in a file?
Open up the file in question with your favorite text-editor and keep reading.
Changing multiple elements?
Look into using CSS classes (https://developer.mozilla.org/en-US/docs/Web/CSS/Class_selectors). Add your classes to your HTML elements using the class attribute.
Changing just one element?
Look into using the style (http://reference.sitepoint.com/html/core-attributes/style) attribute on your element.
I'm writing a rails app and in one of my views, I have a signup form. I'm using a bootstrap theme and in the textfields, when something is typed in, it is grey and hard to read. Without the theme the text is black and looks fine.
I've tried to edit the colors in the textarea classes of the theme but that hasn't worked.
What do I need to change to make the text a different color?
You need to apply a css style to the textfield to make the text black. Try something like...
input {
color:black;
}
Put that code in a css file in your assets/css directory. Make sure this css is getting loaded after bootstrap so that it overwrites it. I find Google Chrome's inspector tool handy for see what styles are being applied.