How to Add New Class Styles to Kupu

This document explains how to add and define new custom class styles for use in kupu.

 

Purpose: To change/add standard styles in kupu across the entire site.

Pre-requisits: CSS knowledge

 

 

1. Go to site setup in your plone site.  

2. Select the kupu visual editor add-on product configuration icon.

kupu site setup

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

3. Scroll down to the paragraph styles box.

kupu config

 

4. Add your new paragraph style in the box. Format is title|tag or title|tag|className, one per line.

5. Open your ZMI.

6. Go to http://yoursite/portal_skins/plone_styles/ploneCustom.css

Note: make sure you are in debug mode when first making changes. This will allow you to see your changes right away.

7. Click the customize button.

8. Enter your new paragraph style where it says “add your custom stuff here”.

Note: scroll down the page for available elements. See base_properties for definitions of those elements.

 

Add examples

Posted by Hidrogen 123 at Dec 10, 2007 01:54 PM
Dear JoAnna.

It would be nice to have some examples in this how to. I suggest on step 4 to add something like:

Smalltext|p|smalltext

and on step 8:

.smalltext {
 font-size: 70%;
 }


Best regards,
Rui