New Default Web Site Information: Difference between revisions

m
Line 139: Line 139:
At the moment the main body uses 'w3-theme-light' giving a pale blue background and dark blue text. Replacing 'w3-theme-light' with 'w3-theme-dark' throughout the page switches these.  You will need to do this on all pages.
At the moment the main body uses 'w3-theme-light' giving a pale blue background and dark blue text. Replacing 'w3-theme-light' with 'w3-theme-dark' throughout the page switches these.  You will need to do this on all pages.


If you want to change the colours completely, you can use the [https://www.w3schools.com/w3css/w3css_color_generator.asp theme generator] at w3schools.com.  There you can select any base colour and it will generate an almost complete set of styles for you.  Copy this to the BOTTOM of the colours.css file and make sure that all the style names I have used are available in your new colour theme.
If you want to change the theme completely, there will be a number of theme files available available shortly.  These can be uploaded to your web host and put in the css folder.  Choose the one you want to use and rename it 'colours.css' (after you have renamed the existing css file.  It will then be used as the style for your site.
 
If you want to use your own colours, you can use the [https://www.w3schools.com/w3css/w3css_color_generator.asp theme generator] at w3schools.com.  There you can select any base colour and it will generate an almost complete set of styles for you.  Copy this to the BOTTOM of the existing colours.css file and make sure that all the style names I have used are available in your new colour theme.


There are notes in the stylesheet to help.
There are notes in the stylesheet to help.


Please make sure that you don't replace the existing styles, at least until you have checked that everything is OK.  By leaving the existing styles in place, anything that you miss will still get coloured.
Please make sure that you don't replace the existing styles, at least until you have checked that everything is OK.  By leaving the existing styles in place, anything that you miss will still get coloured.
313

edits