Loading...
 
Features / Usability

Features / Usability


Samll Tweaks to Style Sheets

posts: 32 Wales

Is it possible to make small changes to Style Sheets?

I'm doing a site based on WhiteBlueGrey.css which is perfect apart from the slightly wrong shade of blue.

There must be somewhere to do a search and replace of the hex (#FF0000) colours used.

Phylip

posts: 2881 United Kingdom

Hi Phylip,

Ok, the best way to make your modifications and also future proof upgrading your site:

yourthemename = anyname you like wink

Copy the style/whitebluegrey.css to styles/yourthemename.css

If the style has a folder copy that folder to yourthemename folder keeping the contents

Now change to the templates/styles folder

and copy the whitebluegrey folder to a yourthemename folder copying the contents as well.

Now you have a the basis of your own theme in Tiki.

Under Admin->general your theme should now be listed as yourthemename.css select it and save.

Now, if you upgrade the tiki version you can keep all your modifications in tact within your theme.
Incedentally if you want to change any of the tpl templates files in templates/ copy them to templates/styles/yourthemename and work on that copy.
any tpls in the templates/styles subfolders take precidence over any in the base templates/ folder

a common example if tiki-top_bar.tpl or tiki-bot_bar.tpl

Hope I explained that lot ok smile

posts: 32 Wales

Damian,

You're a great help. Thanks.biggrin

Do I have to do the copy server side, or can I do it from inside TikiWiki.
If I can where do I locate the css files.

Also, can you explain the reasoning for:
> Incedentally if you want to change any of the tpl templates files in templates/ copy them to templates/styles/yourthemename and work on that copy.
> any tpls in the templates/styles subfolders take precidence over any in the base templates/ folder
Will there revert back to old form when upgrading etc ?

Phylip


> Damian:
> Hi Phylip,
>
> Ok, the best way to make your modifications and also future proof upgrading your site:
>
> yourthemename = anyname you like wink
>
> Copy the style/whitebluegrey.css to styles/yourthemename.css
>
> If the style has a folder copy that folder to yourthemename folder keeping the contents
>
> Now change to the templates/styles folder
>
> and copy the whitebluegrey folder to a yourthemename folder copying the contents as well.
>
> Now you have a the basis of your own theme in Tiki.
>
> Under Admin->general your theme should now be listed as yourthemename.css select it and save.
>
> Now, if you upgrade the tiki version you can keep all your modifications in tact within your theme.
> Incedentally if you want to change any of the tpl templates files in templates/ copy them to templates/styles/yourthemename and work on that copy.
> any tpls in the templates/styles subfolders take precidence over any in the base templates/ folder
>
> a common example if tiki-top_bar.tpl or tiki-bot_bar.tpl
>
> Hope I explained that lot ok smile


posts: 32 Wales

Damian,

You're a great help. Thanks.biggrin

Do I have to do the copy server side, or can I do it from inside TikiWiki.
If I can where do I locate the css files.

Also, can you explain the reasoning for:
> Incedentally if you want to change any of the tpl templates files in templates/ copy them to templates/styles/yourthemename and work on that copy.
> any tpls in the templates/styles subfolders take precidence over any in the base templates/ folder
Will there revert back to old form when upgrading etc ?

Phylip


> Damian:
> Hi Phylip,
>
> Ok, the best way to make your modifications and also future proof upgrading your site:
>
> yourthemename = anyname you like wink
>
> Copy the style/whitebluegrey.css to styles/yourthemename.css
>
> If the style has a folder copy that folder to yourthemename folder keeping the contents
>
> Now change to the templates/styles folder
>
> and copy the whitebluegrey folder to a yourthemename folder copying the contents as well.
>
> Now you have a the basis of your own theme in Tiki.
>
> Under Admin->general your theme should now be listed as yourthemename.css select it and save.
>
> Now, if you upgrade the tiki version you can keep all your modifications in tact within your theme.
> Incedentally if you want to change any of the tpl templates files in templates/ copy them to templates/styles/yourthemename and work on that copy.
> any tpls in the templates/styles subfolders take precidence over any in the base templates/ folder
>
> a common example if tiki-top_bar.tpl or tiki-bot_bar.tpl
>
> Hope I explained that lot ok smile


posts: 2881 United Kingdom

Ok, these are going to have to be copied on the server side.

all these paths are from your main tiki root so its /styles/whitebluegrey.css etc. and /templates/styles/themename


Upcoming Events

1)  18 Apr 2024 14:00 GMT-0000
Tiki Roundtable Meeting
2)  16 May 2024 14:00 GMT-0000
Tiki Roundtable Meeting
3)  20 Jun 2024 14:00 GMT-0000
Tiki Roundtable Meeting
4)  18 Jul 2024 14:00 GMT-0000
Tiki Roundtable Meeting
5)  15 Aug 2024 14:00 GMT-0000
Tiki Roundtable Meeting
6)  19 Sep 2024 14:00 GMT-0000
Tiki Roundtable Meeting
7) 
Tiki birthday
8)  17 Oct 2024 14:00 GMT-0000
Tiki Roundtable Meeting
9)  21 Nov 2024 14:00 GMT-0000
Tiki Roundtable Meeting
10)  19 Dec 2024 14:00 GMT-0000
Tiki Roundtable Meeting