Hello
I would like to change the different colors on my standard web page. What is the procedure to follow.
Thank you
Welcome to the Cumulus Support forum.
Latest Cumulus MX V3 release 3.28.6 (build 3283) - 21 March 2024
Cumulus MX V4 beta test release 4.0.0 (build 4019) - 03 April 2024
Legacy Cumulus 1 release 1.9.4 (build 1099) - 28 November 2014
(a patch is available for 1.9.4 build 1099 that extends the date range of drop-down menus to 2030)
Download the Software (Cumulus MX / Cumulus 1 and other related items) from the Wiki
Latest Cumulus MX V3 release 3.28.6 (build 3283) - 21 March 2024
Cumulus MX V4 beta test release 4.0.0 (build 4019) - 03 April 2024
Legacy Cumulus 1 release 1.9.4 (build 1099) - 28 November 2014
(a patch is available for 1.9.4 build 1099 that extends the date range of drop-down menus to 2030)
Download the Software (Cumulus MX / Cumulus 1 and other related items) from the Wiki
Change color
Moderator: daj
-
- Posts: 1183
- Joined: Fri 27 Jul 2012 11:29 am
- Weather Station: Chas O, Maplin N96FY, N25FR
- Operating System: rPi 3B+ with Buster (full)
Re: Change color
Please see David Jamieson's (daj) article at https://cumuluswiki.org/a/Stylesheets
- beteljuice
- Posts: 3292
- Joined: Tue 09 Dec 2008 1:37 pm
- Weather Station: None !
- Operating System: W10 - Threadripper 16core, etc
- Location: Dudley, West Midlands, UK
Re: Change color
Your default pages will be using weatherstyles.css
You can use a good editor like Notepad++ to edit this, or your ???T.htm files.
... but by far the easiest (and safest) way to 'play' is to use <F12> on your web page and you should be able to select an 'element' and see what css is being applied to it. You will also be able to (temporarily) modify it to see what happens realtime.
You can do this with any website you visit, so you can also see what others have done to achieve an effect.
You can use a good editor like Notepad++ to edit this, or your ???T.htm files.
... but by far the easiest (and safest) way to 'play' is to use <F12> on your web page and you should be able to select an 'element' and see what css is being applied to it. You will also be able to (temporarily) modify it to see what happens realtime.
You can do this with any website you visit, so you can also see what others have done to achieve an effect.
......................Imagine, what you will KNOW tomorrow !
-
- Posts: 884
- Joined: Sat 16 Jul 2016 11:59 pm
- Weather Station: Davis VP2+ & GW1000 (Standalone)
- Operating System: Win10 Pro / rPi Buster
- Location: Australia
Re: Change color
Well Thanks.beteljuice wrote: ↑Fri 19 Jun 2020 11:08 pm ... but by far the easiest (and safest) way to 'play' is to use <F12> on your web page and you should be able to select an 'element' and see what css is being applied to it. You will also be able to (temporarily) modify it to see what happens realtime.
That's my lesson for the day.
Didn't have the faintest idea you could do that.
:Now: :Today/Yesterday:
Main Station Davis VP2+ Running Via Win10 Pro.
Secondary Stations, Ecowitt HP2551/GW1000 Via rPi 3 & 4 Running Buster GUI.
:Local Inverell Ecowitt Station: :Remote Ashford Ecowitt Station:
Main Station Davis VP2+ Running Via Win10 Pro.
Secondary Stations, Ecowitt HP2551/GW1000 Via rPi 3 & 4 Running Buster GUI.
:Local Inverell Ecowitt Station: :Remote Ashford Ecowitt Station:
- beteljuice
- Posts: 3292
- Joined: Tue 09 Dec 2008 1:37 pm
- Weather Station: None !
- Operating System: W10 - Threadripper 16core, etc
- Location: Dudley, West Midlands, UK
Re: Change color
Addendum:
If you are using FireFox, just put your cursor over the the bit you are interested in, <right-click> <Inspect Element>
If you go the <F12> way with FF, select the 'Inspector' tab, then its html on the left (click on an element), css (which you can edit / add to) on the right.
The other tabs can be used to see what's being loaded, and for script debugging. - 'tis a wonderous thing - until you hit a commercial site with multiple css and bootstrap, all which are larger than your entire site
the beteljuice believes CSS to be the Devils Work
If you are using FireFox, just put your cursor over the the bit you are interested in, <right-click> <Inspect Element>
If you go the <F12> way with FF, select the 'Inspector' tab, then its html on the left (click on an element), css (which you can edit / add to) on the right.
The other tabs can be used to see what's being loaded, and for script debugging. - 'tis a wonderous thing - until you hit a commercial site with multiple css and bootstrap, all which are larger than your entire site
the beteljuice believes CSS to be the Devils Work
......................Imagine, what you will KNOW tomorrow !