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

parkerjr2

Total Posts 74

View Posts

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

Jamie E

Total Posts 1203

View Posts

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

Jamie E

Total Posts 1203

View Posts

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.