My styles in TinyMCE editor [ editor-style.css ]

April 2014 WordPress Theme
GK User
Fri Dec 26, 2014 3:16 pm
Hi! :)

I want to add personal styles in the TinyMCE editor of Worpress.
I saw that John's theme includes editor-style.css file.
This file starts with:
Code: Select all
/*
Theme Name: Meet Gavern WP
Description: Used to style the TinyMCE editor.
*/

From what I understand that this file is to add styles to the TinyMCE editor of Worpress.
But in my editor TinyMCE these styles don't appear.
I have to activate an option in John's Options Panel ?

Thanks.
User avatar
Expert Boarder

GK User
Sat Dec 27, 2014 1:19 pm
Hello,

I've checked this file (editor-style.css) and styles are visible in the visual TinyMCE editor, maybe you should clean your browser's cache. There's no additional opiton in the options panel.
User avatar
Moderator

GK User
Sun Dec 28, 2014 5:56 am
Well, I do not I get any Gavick's extra option in TinyMCE except [shortcodes] ... :S
You can check yourself in the web test I did get it to PM.
Could you send me a screenshot where you see this panel to see what is?
User avatar
Expert Boarder

GK User
Mon Dec 29, 2014 11:07 am
It's a small misunderstanding here I think.
There's no additional panel/button etc. This css file is for the TinyMCE eidtor, so ie.. if you'll add this code into this file (editor-style.css):
Code: Select all
h1,h2 {
color: #ddd;
font-size: 80px;
}

and you add new post/page with the content:
Code: Select all
<h2>header 2</h2> etc

and switch your editor into visaul (not text), your header will be in #ddd color and with font size 80px. That's all.
User avatar
Moderator


cron