Customizing Per Page

Now, updating for Tiki 9! Get Smart...

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?

9.xIf 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

8.x & 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'}
    <li<x>nk 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, April 05, 2012 10:29:32am EDT by Rick Sapir.
The content on this page is licensed under the terms of the Copyright Information.