Loading...
Find
Log in
Username:
Password:
CapsLock is on.
Remember me (for 1 week)
Log in
Stay in SSL mode
History: Configuring a theme
View page
Source of version: 1
(current)
!! Installation First the theme stylesheet needs to be accessible by Tiki. There are a couple of ways to do this. !!!! Upload or copy the stylesheet to the themes directory To be listed in the "Theme" selector on the Look and Feel admin page (tiki-admin.php?page=look), the theme must be placed in ''tikiroot/themes/mythemename/css/'' directory (which of course must be made first) and have the name ''mythemename.css''. Any related files should be placed in appropriate subdirectories under the ''mythemename'' directory. (See the file hierarchy description at ((Tiki's CSS and Smarty template organization)).) !!!! Enter the stylesheet URL On the Look and Feel admin page, in the "Site theme" selector, choose "Custom theme by specifying URL". Then input the stylesheet's URL in the "Custom theme URL" field. This can be either an absolute URL or a relative IRL from the Tiki root, or even a file gallery download link (? check this). So you can test a theme stylesheet by "hot-linking" to it on another server (not recommended for production use). !!!! Tweaking How the theme is used can be configured in a few ways. It can be set for all pages of the site including admin pages, or just admin pages, or all pages except for admin pages. It can also be set to be used only for a particular feature, like blogs, or content category, or user group, or perspective (perspectives are a collection of site preferences). There is also a "Custom CSS" textarea under the "Customization" tab of the Look and Feel admin page where CSS rules can be entered. This may be convenient for site-specific rules such as for a particular page (all wiki pages have a unique body element, for example). Or for temporary adjustments that will eventually be moved to the stylesheet itself. !!!! Theme options Or if the theme is good for most pages, etc. but a variation would be good for some, then an easy solution is to make a theme option. This is a "child" stylesheet that has rules to overwrite some of the parent's rules, such as to modify the color palette. In this case, make the CSS file and place it in the theme's directory, in a subdirectory named "options". (Check the file hierarch here: .)
Switch Theme
Site theme (fivealive-lite/grape)
Default
Amelia
Business
Cerulean
Cosmo
Cyborg
Darkly
Darkroom
Darkshine
Feb12
Fivealive
Fivealive-lite
Flatly
Greenvalley
Journal
Jqui
Lighty
Litera
Lumen
Lux
Materia
Minty
Morph
Ohia
Pulse
Quartz
Sandstone
Simplex
Sketchy
Slate
Solar
Spacelab
Strasa
Superhero
Thenews
Tikicorp
Tikinewt
Tikipedia
United
Utopias
Vapor
Yeti
None
Akebi
Grape
Kiwi
Lemon
Orange
Plum
Raspberry
Watermelon
Switch
Layout
Stay on this page
Default
Fixed top navbar (uses site icon + "topbar" module zone)
Basic Bootstrap
Classic Tiki (3 containers - header, middle, footer)
Tikipedia
Latest Changes
Themes
Pagetop Styles and CSS Variables
Shared_t_o_footer
Global menu page
Pagetop Styles and CSS Variables
Topbar hero
Theme quality and classification checklist
...more
Subscribe to Tiki Newsletters!
Delivered fresh to your email inbox!
Don't miss major announcements and other big news!
Site Config
Site upgraded to Tiki 23.x
Sat 24 of Jul, 2021 00:30 GMT
Site upgraded to Tiki 20
Wed 29 of May, 2019 07:57 GMT
We are now on Tiki 19.x
Fri 05 of Oct, 2018 10:02 GMT
Shoutbox module removed
Thu 28 of Jun, 2018 07:01 GMT
We are now on Tiki 18.x
Wed 02 of May, 2018 08:46 GMT
Upgraded to Tiki 17.0
Wed 02 of Aug, 2017 08:19 GMT
Upgraded to Tiki 15.0alpha
Tue 08 of Mar, 2016 13:34 GMT
Site updated to Tiki 14 beta
Tue 21 of Apr, 2015 00:01 GMT
Testing Tiki10
Thu 15 of Nov, 2012 23:06 GMT
Configurable header buttons in XtratoVeil layout
Wed 17 of Oct, 2012 14:54 GMT