TikiWiki by default has the theme options set to the Tiki developers preference. This article will explain how to change the default theme options such as the Fixed layout, Title and subtitle, shadowing, navigation, effects, and font type.

Important! When making theme changes, you may need to Clear your browser cache to see the changes take effect.

Overview of the Look & Feel properties

The following is a brief description of the Look & Feel preferences.

  1. Log into TikiWiki.
  2. Clikc Wrench TikiWikiClick the Wrench at the top right hand side of your TikiWiki site.
  3. Click the advanced check box TikiWikiUnder the preference filters, click the advanced check box.

    Theme properties tabs TikiWikiHere is where you will find the options for changing the appearance of your TikiWiki site. The Theme, General Layout, Shadow Layers, Pagination, UI effects, Customization, and Miscellaneous tabs will display. Below are general descriptions of what each section consists of.

    Look & Feel preferences
    Theme On this tab, the Theme, Theme options and jQuery UI theme settings can be adjusted.
    General Layout The General Layout tab gives access to the Site Logo and Title, Module zone visibility, and Site Report Bar settings.
    Shadow Layers This tab has the properties for setting effects such as "shadows, rounded corners or other decorative styling."
    Pagination This tab will show the settings for Maximum number of users and record and the quantity of links that are displayed on each page.
    UI effects This is where you can set the Standard UI and Tab UI effects.
    Customization This allows Custom Codes for CSS and HTML in the head and body sections of the site.
    Miscellaneous Settings for the Favicon, Context Menu, and Separators are in this section.

Switching from Fixed to Fluid layout

By default, TikiWiki will have a fixed layout. THis means the size of your TikiWiki site will not adjust to the size of the users browser. The following steps will explain how to change the Tiki site to allow the page layout to stretch to the size of the browser.

  1. Log into TikiWiki.
  2. Click the wrench at the top right side. Click the advanced check box and select the Theme tab.
  3. Unched fixed layout TikiWikiUncheck the Fixed with check box.

    Click Apply.


    Fluid layout preview TikiWIkiNow the page will stretch to the browser window when resized.

Changing the Title and Subtitle of TikiWiki

By default, your TikiWiki site will not have any Title or Subtitle for your site. To add text explaining the site name and a small tag line below the site name, follow the following steps.

  1. Log into TikiWiki.
  2. Click the wrench at the top right side. Click the advanced check box and select the General Layout tab.
  3. Site Title TikiWikiCheck the Site Logo and Title checkbox.
  4. Site title and subtitle preview TikiWikiEnter the Tile and subtitle for your TikiWiki site.

    Click Apply.


    Now you will have the Title of the site with a smaller font subtitle on the top your your Tiki site.


Adding a shadow layer to TikiWiki

Some TikiWiki themes have jQuery (Free Open Source javascript plugins) capabilities that add dynamic and decorative styling to the site. The following steps will explain how to add shadowing to your Tiki site.

  1. Log into TikiWiki.
  2. Click the wrench at the top right side. Click the advanced check box and select the Shadow Layer tab.
  3. Adding a shadow layer in TikiWikiClick the Shadow layer checkbox.

    Click apply


Changing the TikiWiki navigation options

The pagination section of the theme preferences will allow the links that navigate the site to be changed. The following will explain where to go to edit the Site navigation options.

  1. Log into TikiWiki.
  2. Click the wrench at the top right side. Click the advanced check box and select the Pagination tab.
  3. Changing pagination properties TikiWikiHere the following can be altered according to your TikiWiki site preferences.

    - Use relative (next / previous) pagination links
    - Use direct pagination links
    - Max. number of links around the current item:
    - Max. number of links after the first or before the last item:
    - Display 'First' and 'Last' links
    - Display fast move links (by 10 percent of the total number of pages)
    - Hide pagination when there is only one page
    - Use Icons

    Edit the settings accordingly and click Apply.


Adding UI effects to the tabs

The UI effects give your Tiki site dynamic behaviors that make the site more appealing to navigate. The following steps will show where to edit the tab and module behaviors.

  1. Log into TikiWiki.
  2. Click the wrench at the top right side. Click the advanced check box and select the UI effects tab.
  3. Adding UI effects in Tiki WikiTo make the Tabs have a dynamic slide effect, select Slidefrom the Effects for tabs drop box.

    Click Apply.


    Now the tabs on your TikiWiki site will have a slide effect.


How to change the font of your Tiki

  1. Log into TikiWiki.
  2. Click the wrench at the top right side. Click the advanced check box and select the Customization tab.
  3. Changing the font CSS TikiWikiTo change the font globally for your TikiWIki site, type the following code in the Custom CSS box.
    * {font-family: courier new;}

    Click Apply.

    Preview of TikiWiki with courier newNow the entire site will use the courier new font similar to the snapshot to the right.


Changing the favicon name and MIME type.

The most common file type for a favicon is the .ico type. TikiWiki has the favicon set to the .png file type. The following will explain how to change the favicon name and MIME type in TikiWiki.

  1. Log into TikiWiki.
  2. Click the wrench at the top right side. Click the advanced check box and select the Miscellaneous tab.
  3. Changing Favicon MIME type and file name TikiWikiHere you can change the Favicon icon icon name and the MIME type.

    Once you change the name and file type, click apply.

    Important! You will need to upload your favicon to the server where you installed TikiWiki for the favicon to work correctly.

Did you find this article helpful?

We value your feedback!

Why was this article not helpful? (Check all that apply)
The article is too difficult or too technical to follow.
There is a step or detail missing from the instructions.
The information is incorrect or out-of-date.
It does not resolve the question/problem I have.
How did you find this article?
Please tell us how we can improve this article:
Email Address
Name

new! - Enter your name and email address above and we will post your feedback in the comments on this page!

Like this Article?

Related Questions

Here are a few questions related to this article that our customers have asked:
Ooops! It looks like there are no questions about this page.
Would you like to ask a question about this page? If so, click the button below!
Ask a Question

Post a Comment

Name:
Email Address:
Phone Number:
Comment:
Submit

Please note: Your name and comment will be displayed, but we will not show your email address.

0 Questions & Comments

Post a comment

Back to first comment | top

Need more Help?

Search

Ask the Community!

Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.

Current Customers

Chat: Click to Chat Now E-mail: support@InMotionHosting.com
Call: 888-321-HOST (4678) Ticket: Submit a Support Ticket

Not a Customer?

Get web hosting from a company that is here to help. Sign up today!