313
edits
New Default Web Site Information: Difference between revisions
New Default Web Site Information (view source)
Revision as of 11:19, 5 March 2021
, 11:19, 5 March 2021→Tips
NeilThomas (talk | contribs) |
NeilThomas (talk | contribs) (→Tips) |
||
| Line 98: | Line 98: | ||
|} | |} | ||
The last three classes can all be used together in any combination. Of course using all three is the same as using just w3-hide. | The last three classes can all be used together in any combination. Of course using all three is the same as using just w3-hide. | ||
====Page Widths==== | |||
Some of you feel that the site is not wide enough. This is easy to adjust. There is just one style in the mx-templates styles sheet that controls this called 'site-width'. It's default value is 1140px but you can safely change this to any greater value and it will affect all pages except the graphs pages. This has a locally set style 'graph-width' set to 1250px. Again if this is not wide enough for you make it bigger. | |||
====The white panels==== | |||
If you look at any of these panels you will see that they all have the following styles: w3-panel, w3-card and w3-theme-white. | |||
* w3-panel gives it its padding which is controlled by the w3Pro style sheet - I would not recommend messing with this - it's semi-minified. | |||
* w3-card gives the panel the border shadow. If you don't like this simply remove this class. Personally I just put an 'X' at the end of the style - 'w3-cardX, which means it is ignored. This allows me to easily change my mind. | |||
* Finally the w3-theme-white gives the panel its background and foreground colour. You have 10 variations on this; 'w3-theme-l1' to 'w3-theme-d5' as well as w3-theme, w3-theme-light and w3-theme-dark. | |||
====Tips==== | ====Tips==== | ||
When using the above classes always start at the heading or paragraph level to see if it does enough. If it doesn't then add it to the div element above and check again. Doing it this way you end up hiding content rather than inadvertently wrecking the structure of the page. | When using the above classes always start at the heading or paragraph level to see if it does enough. If it doesn't then add it to the div element above and check again. Doing it this way you end up hiding content rather than inadvertently wrecking the structure of the page. | ||