Creating a new colour scheme for your lightside based website
Lightside’s css template customization options allow you to completely change the colour scheme of the website within minutes, although some editing is required it’s simple enough for anyone to do. For those of you who are unaware of what the css file does it controls the styling of the page, so colours, widths and heights.
Guide
This guide will show you how to turn the blue lightside template into a nice calm green lightside template by simply editing one value on multiple variables.
- Locate the css file named layout.css - it is located in the /css directory
- Right click and open in notepad, the funtions presented by notepad are sufficent in editing the lightside css
- Once opened click the ‘EDIT’ button at the top and then click ‘REPLACE’
- Enter these details;
- Find What: 43A8CB | Replace With: 579067 - You can of course replace with any colour you wish, the colour above is a creamy green.
- Now upload your new css file to your website overwriting the old layout.css - make sure to add it back into the /css directory
- Done! Now visit your site and see the colour change
Additionally you may want to change the new_background.gif contained within the images folder to a background that compliments your new colour scheme.
TroubleShooting
My colour change did not appear?
Try the following solutions;
- Navigate to the templates_c folder and delete the contents. This is whats known as the cache it is safe to delete just make sure it is not the templates folder but the templates_c folder contents.
- Else, Clear your browsers cache using Internet Explorer, Firefox or any browsers options.
If you are still having trouble with this get yourself onto the forums to ask a question here
Popularity: 1% [?]