Customizing Per Page

Now, updated for Tiki 8!

Now accepting new user registrations! Become a contributor.

| More

Tiki Essentials

Customizing Tiki Themes

Other Customizations

Customizing Per Page

Page translation

Tagged as

theme css

Previously, you saw how to add new CSS styles to Tiki. While this method works well, it can add additional "overhead" to your site: Why load all those custom styles, if you only need to use them on specific pages?

7.x
If you included a custom CSS file in the Custom HTML Content area on the Customization tab of the Admin: Look and Feel page, you can tell Tiki to only load the file for a specific page:

Adding a CSS file

6.x
If you included a custom CSS file in the Custom HTML Content area on the General Layout Options tab of the Admin: Look and Feel page, you can tell Tiki to only load the file for a specific page:

Adding a CSS file

Including a CSS file

{if $page eq 'WIKI_PAGE_NAME'}
    <link rel="stylesheet" href="DIRECTORY/FILENAME.css" type="text/css" media="screen" />
{/if}

Note:
The {if} notation is an example of using Smarty and PHP syntax. See Modifying Templates for more information.

Likewise, if you use the Custom CSS tab to include inline styles you can also make those styles conditional:

Including a CSS file

{if $page eq 'WIKI_PAGE_NAME'}
     ...
{/if}

Note:
The $page variable works only with wiki pages.

Tiki Essentials

Customizing Tiki Themes

Other Customizations

Customizing Per Page

Contributors to this page: Rick Sapir .
Page last modified on Thursday, June 16, 2011 09:58:17am EDT by Rick Sapir.
The content on this page is licensed under the terms of the Copyright Information.