How do I edit my theme CSS?

Usually, you will want to make changes to the presentation or formatting of your site (or individual elements therein) without altering the overall layout (HTML) of it.

Usually, you will want to make changes to the presentation or formatting of your site (or individual elements therein) without altering the overall layout (HTML) of it. (And often, making changes to the HTML layout involves concurrent changes with the CSS as well.) Making changes to the CSS is as simple as the HTML.

Typically, the site’s CSS will be stored in one or more separate files for organization purposes. In Pixelsilk, these are managed under the ‘System Files’ tab in the ‘Site Admin’ ‘Design’ tab. From here, you can either ‘Add New File’ or edit an existing one.

System Files Slideshow Overview

Clicking the pencil icon for a file will open the edit screen for that file (in Example 1.2, of a typical ‘default.css’ file used by a site theme):

Example 1.2

 You can see this is essentially the same interface as the theme editor for HTML; in this case, the CSS is color-coded. You can edit your CSS directly in this form, or copy and paste it to your favorite off-line CSS editor.

Back to list...