Goran Petrovic

<p>This utility plugin allow you to change font family, colors and backgrounds of any element on your theme using Customize<br />
interface.</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/0rESNVbxulo?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent&listType=playlist&list=PLUDxG30KAdnrme6JDRH-r3IipKPqyoeIo" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<p><a href="https://www.youtube.com/watch?v=0rESNVbxulo&list=PLUDxG30KAdnrme6JDRH-r3IipKPqyoeIo" rel="nofollow ugc">Video Tutorials</a></p>
<p>Very simple add your CSS selectors and choice CSS options then open Customize and change page element style.</p>
<p><strong>Options</strong></p>
<ul>
<li>Google fonts</li>
<li>Display</li>
<li>Font color</li>
<li>Font family</li>
<li>Background</li>
</ul>
<p><strong>Features</strong></p>
<ul>
<li>Easy to use</li>
<li>Compatibilty with any theme or plugin</li>
<li>Browsers supported</li>
<li>Simple interface</li>
<li>Responsive options</li>
<li>Generate CSS code</li>
</ul>


WP CSS Generator

Preporuka!

Customize you WP page elements easy and fast. Get full control over any element or property.

Alex Prokopenko / JustCoded

<p>This plugin controls the TinyMce “style_formats” parameter. It allows adding custom formatters to the Wysiwyg editor.</p>
<p>This is only a user interface to the standard feature, which is disabled by default and explained in the official<br />
documentation on codex.wordpress.org: https://codex.wordpress.org/TinyMCE_Custom_Styles</p>
<h4>Features</h4>
<ul>
<li>Load Settings from DB or .json file from theme</li>
<li>Enable/Disable some style_format features for more clean formatting</li>
<li>Nice interface to quickly add your formats</li>
<li>Ability to apply custom editor css for each rule separately</li>
<li>You can group your styles for more clear usage</li>
<li>Bootstrap preset: pre-defined bootstrap styles for editor.</li>
</ul>
<h4>Example: Custom link class</h4>
<p>For example, you can define an addition dropdown option of the css classes for the link tag.<br />
To do so, create such row formatter:.</p>
<ul>
<li>Title: My Link Style</li>
<li>Selector: a</li>
<li>Classes: my-link-style</li>
<li>Editor CSS: a.my-link-style { color:red; }</li>
</ul>
<h4>Plugin Demo</h4>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/fljkfet52eg?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<h4>Presets</h4>
<p>We added special feature called “Presets” – these are pre-defined styles included inside the plugin.<br />
You can import them to your site with a single click.</p>
<p>With presets we plan to add popular CSS framework classes to be able to use them inside the editor.<br />
We started with a Bootstrap preset, because it’s one of the most popular CSS framework right now.</p>
<h4>ISSUES TRACKER</h4>
<p>If you have any feedbacks or bugs found, please write to our GitHub issues tracker:<br />
https://github.com/justcoded/just-tinymce-custom-styles/issues</p>


Just TinyMCE Custom Styles

Easy to use plugin and created for WP developers

Easy to use and developer friendly

Adds dropdown options for custom css classes and attributes for tags in WordPress TinyMCE Editor.

WP CSS Generator vs Just TinyMCE Custom Styles