Adding custom CSS

Hi Hannah,

The first step is to copy both these files:
/cmsb/lib/wysiwyg.css
/cmsb/lib/wysiwyg.php

and save as:
/cmsb/lib/wysiwyg_custom.css
/cmsb/lib/wysiwyg_custom.php

This will allow you to upgrade CMS Builder in the future without any of your customizations being overwritten.

Don't edit the edit_functions.php or any of the other CMS Builder library files as this will probably break things. Everything you want to do can be done by editing the two new custom files you created.

To add buttons or dropdowns to the WYSIWYG editor, here are some steps:
http://www.interactivetools.com/kb/article.php?Customizing-the-WYSIWYG-editor-buttons-22 To add the style select dropdown, add this

To add the style select dropdown, add this styleselect into the button list in the wysiwyg_custom.php file. Next, you want to add the styles that will appear in this dropdown into the wysiwyg_custom.css. If I add these simply example styles into the

If I add these simple example styles into the wysiwyg_custom.css: 

.red { color: red; } 
.green { color: green; }

then you will get red and green in the styleselect dropdown. After you make the edits to the wysiwyg_custom.php and wysiwyg_custom.css, upload to your CMS Builder installation via FTP. Then log into CMS Builder and do a hard refresh, usually CTRL+Shift+r to hopefully clear the cache.

After you make the edits to the wysiwyg_custom.php and wysiwyg_custom.css, upload to your CMS Builder installation via FTP. Then log into CMS Builder and do a hard refresh, usually CTRL+Shift+r to hopefully clear the cache.

Let me know if you have any questions about any of these steps.

Thanks!