Skip to content

Stylesheets

The Simple Theme template uses several stylesheets. Each stylesheet has a compressed version and an uncompressed version.

The compressed version of each stylesheet is named filename.css. Use the compressed version for improved performance. The uncompressed version of each stylesheet, named filename.uncompressed.css, can be used during development or debugging by clicking Theme Analyzer > Utilities > Control Center > Remote Debugging > Click to turn on for both remote debugging options.

Simple Theme CSS classes have the prefix st. You can change the prefix by modifying the metadata entry for simpletheme.css.class.prefix to the prefix that you prefer, then changing st in the CSS and .js files to your new value.

The following CSS files are included in the Simple Theme template:

  • /css/master.css

    All individual CSS files that belong to the theme.

  • /css/default/banner.css

    Classes that support the banner that appears at the beginning of the page.

  • /css/default/content.css

    Classes that support the main content portion of the page.

  • /css/default/contextmenu*.css

    Classes that support the simple context menu framework.

  • /css/default/footer.css

    Classes that support the footer that appears at the end of the page.

  • /css/default/general.css

    Classes that are applied to HTML tags.

  • /css/default/images.css

    Classes that are applied to SVG images, such as size and fill color.

  • /css/default/navigation.css

    Classes that are applied to one_level, two_level, and mega_menu navigation.

  • /css/default/skinLayout.css

    Classes that support skins and what is visible in the content area while you are in Edit mode.

  • /css/default/utility.css

    Generalized classes that are used throughout the theme.

  • /css/default/wp_contextmenu*.css

    Classes that support the context menu framework.