Monday, April 8, 2013 at 1:07 PM

CSS settings

The CSS panel mentioned in the Settings section can be used to style outline text by level. For example:

.concord-level-1-text {

font-family: Arial !important;

font-weight: bold !important;

}

.concord-level-1 {

margin-bottom: 8px !important;

}

Will make the top level heads bold and in Arial font and will add 8 pixels after every level.

Another example, if you wanted to provide a background image to "skin" the Fargo app, you would add this bit to the CSS text.

body {

background-image:url('https://dl.dropbox.com/u/36518280/images/niagara.jpg');

}

To learn more about how this works, for styling experts, have a look at the generated HTML instructions in a good debugger.


Last built: Tue, Dec 9, 2014 at 3:29 PM

By Dave Winer, Monday, April 8, 2013 at 1:07 PM. Good for the environment.