Font Format Code

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
2/16/2012 1:14:24 PM
Gravatar
Total Posts 74

Font Format Code

I'd like to change the Heading 6 format in my WYSIWYG editor. Where is the code that controls those formats?

2/16/2012 1:29:54 PM
Gravatar
Total Posts 1200
Proud member of the mojoPortal team

Help support mojoPortal!
Add-on modules

Re: Font Format Code

In the recent skins there is CSS controlling the WYSIWYG editors in style-artisteer-overrides.css that looks like this, so you can add to that file or make a new css file and link it in through style.config.

body.wysiwygeditor  h1 { font-size:28px; }
body.wysiwygeditor  h2 {font-size :24px;}
body.wysiwygeditor  h3 { font-size: 22px; }
body.wysiwygeditor  h4 { font-size: 18px; }
body.wysiwygeditor  h5 { font-size: 16px; }

This only affects how the headings display in the editor.

Hope that helps,

Jamie

2/16/2012 1:34:51 PM
Gravatar
Total Posts 1200
Proud member of the mojoPortal team

Help support mojoPortal!
Add-on modules

Re: Font Format Code

I just checked one of our skins, and our webmaster came up with these overrides for the WYSIWYG editor:

body.wysiwygeditor h1 { font-size: 20px; margin: 21px 0 12px 0; }
body.wysiwygeditor h2 { font-size: 18px; margin: 19px 0 12px 0; }
body.wysiwygeditor h3 { font-size: 17px; margin: 18px 0 12px 0; }
body.wysiwygeditor h4 { font-size: 16px; margin: 17px 0 12px 0; }
body.wysiwygeditor h5 { font-size: 15px; margin: 16px 0 12px 0; }
body.wysiwygeditor h6 { font-size: 13px; margin: 14px 0 12px 0; }
body.wysiwygeditor ul, ol { font-family: Arial, Helvetica, Sans-Serif; font-size: 13px; margin: 0 0 0 2em; padding: 0; }
body.wysiwygeditor p { font-family: Arial, Helvetica, Sans-Serif; font-size: 13px; margin: 12px 0; }

You must sign in to post in the forums. This thread is closed to new posts.