Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
?
Solved

Can I edit the WYSIWYG formats in Wordpress?

Posted on 2012-09-03
20
Medium Priority
?
471 Views
Last Modified: 2012-09-19
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?
0
Comment
Question by:epichero22
  • 11
  • 7
  • 2
20 Comments
 
LVL 17

Expert Comment

by:OmniUnlimited
ID: 38362296
0
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 38362314
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/
0
 
LVL 11

Author Comment

by:epichero22
ID: 38362407
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?
0
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 38362411
No, don't edit that file.  Edit style.css as part of the theme.
0
 
LVL 11

Author Comment

by:epichero22
ID: 38362414
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.
0
 
LVL 11

Author Comment

by:epichero22
ID: 38362419
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?
0
 
LVL 17

Expert Comment

by:OmniUnlimited
ID: 38362456
Yeah, this was kind of the reason I suggested using the plugin.  Less technical know-how needed.
0
 
LVL 11

Author Comment

by:epichero22
ID: 38362477
Where in TinyMCE Advanced does it let you do that?  I do have it installed but I don't see it.
0
 
LVL 17

Expert Comment

by:OmniUnlimited
ID: 38362493
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/)
0
 
LVL 11

Author Comment

by:epichero22
ID: 38362527
It works, but it doesn't see to have my font type...is that changeable?
0
 
LVL 17

Expert Comment

by:OmniUnlimited
ID: 38362566
The font types are selected from what is available on your computer.
0
 
LVL 11

Author Comment

by:epichero22
ID: 38364362
Is there a way to change the line height?
0
 
LVL 11

Author Comment

by:epichero22
ID: 38365192
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?
0
 
LVL 11

Author Comment

by:epichero22
ID: 38365422
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?
0
 
LVL 17

Expert Comment

by:OmniUnlimited
ID: 38365538
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.
0
 
LVL 11

Author Comment

by:epichero22
ID: 38365553
Anything in particular to look for?  Here's the style sheet:

http://www.redalertconsulting.com/style_.css
0
 
LVL 17

Accepted Solution

by:
OmniUnlimited earned 1500 total points
ID: 38365656
0
 
LVL 11

Author Comment

by:epichero22
ID: 38392684
I've been getting by with manual editing, but I'll get back to this in a second.
0
 
LVL 17

Expert Comment

by:OmniUnlimited
ID: 38393128
OK, let me know if there is anything we can do.
0
 
LVL 11

Author Closing Comment

by:epichero22
ID: 38415808
TY.
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

By following these Magento e-commerce development tips, you can increase your website's conversion and profitability. Read this post for more details.
How do you create a user-centered user experience on your website? And what are some things you should consider in the process?
The purpose of this video is to demonstrate how to set up basic WordPress SEO. This will be demonstrated using a Windows 8 PC. The plugin used will be WordPress SEO by Yoast. Go to your WordPress login page. This will look like the following: myw…
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
Suggested Courses

578 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question