Link to home
Start Free TrialLog in
Avatar of epichero22
epichero22Flag for United States of America

asked on

Can I edit the WYSIWYG formats in Wordpress?

There is Heading 1, 2, 3, 4, 5, Paragraph, Address, and Preformatted formats, but none of them really match what I'm trying to do with my pages.  Is it possible to edit how these look, or add additional formats?
Avatar of OmniUnlimited
OmniUnlimited
Flag of United States of America image

Avatar of Jason C. Levine
You can also affect each of those preloaded styles by simply altering the CSS for it or adding a class that you can then add as an inline style.

If you really want to add new items to the drop down then there are tutorials available:

http://wp.tutsplus.com/tutorials/theme-development/adding-custom-styles-in-wordpress-tinymce-editor/
Avatar of epichero22

ASKER

Well, I was hoping there was an easy way to accomplish this.  Honestly, this project has already gone out of scope enough as it is.  What I did find was a normalize.css that has h# tags that correspond to what I'm getting.  Is it possible to simply edit that and call it a day?  What is the role of this css?
No, don't edit that file.  Edit style.css as part of the theme.
OK even though it did the trick, I'll restore it back to the way it was.  Let me edit the style.css and I'll let you know what happens.
OK I tried looking at the style.css of my theme and in particular I wanted to remove the "text-transform:uppercase;" entries.  Couldn't find any.  Any ideas?
Yeah, this was kind of the reason I suggested using the plugin.  Less technical know-how needed.
Where in TinyMCE Advanced does it let you do that?  I do have it installed but I don't see it.
The very first feature listed on the plugin page is font size and font family selection.  This is done through the drop downs (see also http://wordpress.org/extend/plugins/tinymce-advanced/)
It works, but it doesn't see to have my font type...is that changeable?
The font types are selected from what is available on your computer.
Is there a way to change the line height?
Actually, here's a better question:

The TinyMCE's websites states:
   
These styles (just the classes) are imported from your current theme’s editor-style.css file. However some themes don’t include that file. For this case follow the instructions on TinyMCE Avdanced’s settings page to add your own editor-style.css file to your theme. When defining the styles there keep in mind that TinyMCE would import only class names:

    .my_class{}

    .my_other_class{}

Thankfully I do have editor-style.css, but how should I enter these lines of code.  This does NOT seem to work if I put it at the bottom:

.RACopy{
font-size: 12px;
}

Can you suggest a correction?
Actually, what I'll say is that it DID work, and I'm able to select it in the drop down "Styles" menu, and it shows up correctly in the visual editor, but it doesn't actually work when saving it to the page or previewing it.  

Any ideas?
I would say that if the style is showing up fine in the WYSIWYG editor, but not on the page or page preview, then there has to be some CSS that is overriding the editor styles in your theme's style.css file.
Anything in particular to look for?  Here's the style sheet:

http://www.redalertconsulting.com/style_.css
ASKER CERTIFIED SOLUTION
Avatar of OmniUnlimited
OmniUnlimited
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
I've been getting by with manual editing, but I'll get back to this in a second.
OK, let me know if there is anything we can do.
TY.