Welcome to the Cumulus Support forum.

Latest Cumulus MX V4 release 4.4.2 (build 4085) - 12 March 2025

Latest Cumulus MX V3 release 3.28.6 (build 3283) - 21 March 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

If you are posting a new Topic about an error or if you need help PLEASE read this first viewtopic.php?p=164080#p164080

Background

Discussion of Mark Crossley's HTML5/Javascript gauges

Moderator: mcrossley

Post Reply
User avatar
meteotortosa
Posts: 323
Joined: Thu 04 Dec 2008 12:15 am
Weather Station: Davis Vantage Pro2 Plus
Operating System: Windows XP SP3
Location: Tortosa-Baix Ebre- Catalonia
Contact:

Background

Post by meteotortosa »

Hi,

how can I do for have black background in the gauges web? Gauges-ss.css?
Weather in Tortosa (NE Spain), updated every 15'
Image Image
User avatar
mcrossley
Posts: 14384
Joined: Thu 07 Jan 2010 9:44 pm
Weather Station: Davis VP2/WLL
Operating System: Bullseye Lite rPi
Location: Wilmslow, Cheshire, UK
Contact:

Re: Background

Post by mcrossley »

gauges.js, line 68 onwards...

//Gauge global look'n'feel settings

line 73...
background : steelseries.BackgroundColor.BEIGE,


You can play with the background colours on the demo pages, and get the corresponding steelseries.BackgroundColor from the demo page source code.
User avatar
meteotortosa
Posts: 323
Joined: Thu 04 Dec 2008 12:15 am
Weather Station: Davis Vantage Pro2 Plus
Operating System: Windows XP SP3
Location: Tortosa-Baix Ebre- Catalonia
Contact:

Re: Background

Post by meteotortosa »

mcrossley wrote:gauges.js, line 68 onwards...

//Gauge global look'n'feel settings

line 73...
background : steelseries.BackgroundColor.BEIGE,


You can play with the background colours on the demo pages, and get the corresponding steelseries.BackgroundColor from the demo page source code.
I have not explained well :oops:

I want to turn black the background, not background gauges
Weather in Tortosa (NE Spain), updated every 15'
Image Image
water01
Posts: 3669
Joined: Sat 13 Aug 2011 9:33 am
Weather Station: Ecowitt HP2551
Operating System: Windows 10/11 64bit Synology NAS
Location: Burnham-on-Sea
Contact:

Re: Background

Post by water01 »

In weatherstyle.css change

Code: Select all

body {
	background-color: #FFFFFF;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color: #585858;
	text-align: left;
	background-attachment: fixed;
	background-image: url(images/picture.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
to

Code: Select all

body {
	background-color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color: #585858;
	text-align: left;
	background-attachment: fixed;
	background-image: url(images/picture.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
David
Image
Post Reply