Tendenci's CSS Editor is Color-Coded

The CSS editor in Tendenci has been updated to make edits more visible. The editor now has a black background and is color-coded.

themeeditor

To view this functionality, click on the Theme Editor option under the Quick Links dropdown.

Screen_Shot_2014-06-04_at_11.29.51_AM

On the right-hand side, there is a box that includes the HTML and CSS files. To access the CSS, click the word "media".

edit_media

Media will expand into several options. Click on "css".

edit_css

When the "css" option expands, select the CSS file you'd like to edit by clicking on it.

edit_cssfile

The file will open in the middle of the screen and appear with color-coded items and black background for improved visibility when editing.

css