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

Can I Add Side Background Borders To My Cumulus Index Page?

Other discussion about creating web sites for Cumulus that doesn't have a specific subforum

Moderator: daj

Post Reply
SherwoodNash
Posts: 4
Joined: Thu 27 Jan 2011 5:59 pm
Weather Station: Davis Vantage Vue
Operating System: Windows XP
Location: England

Can I Add Side Background Borders To My Cumulus Index Page?

Post by SherwoodNash »

Hi,

from a HTML dunce!

I quite like the idea of a border each side of the index page, is it possible for me to replicate these gray side borders on this web page http://www.vantagevue.com/lit/index.asp and add to my Cumulus index page? or is the background unalterable in the CSS?

If it is possible, could someone look at the page source and extract the relevant code for me please?

Thanks!

Mike
User avatar
steve
Cumulus Author
Posts: 26672
Joined: Mon 02 Jun 2008 6:49 pm
Weather Station: None
Operating System: None
Location: Vienne, France
Contact:

Re: Can I Add Side Background Borders To My Cumulus Index Pa

Post by steve »

You could do something like this. Edit weatherstyle.css:

In the 'body' style, change

Code: Select all

background-color: #FFFFFF;
to

Code: Select all

background-color: #BFBFBF;
and delete

Code: Select all

background-image: url(images/picture.jpg);
In the #content style, add

Code: Select all

background-color: #FFFFFF;
You'd then probably want to fiddle with the margin settings.

But someone else may have some better ideas.
Steve
SherwoodNash
Posts: 4
Joined: Thu 27 Jan 2011 5:59 pm
Weather Station: Davis Vantage Vue
Operating System: Windows XP
Location: England

Re: Can I Add Side Background Borders To My Cumulus Index Pa

Post by SherwoodNash »

That's great Steve!

I have the side margins pretty close at 17.5% and the top and bottom at .5%.

Last question for now, when I altered the margins the main centre body now is stretched, and the sentences start and end too close to the edge.
How do I edit this, in CSS or the web template files?

Thank you very much!
User avatar
steve
Cumulus Author
Posts: 26672
Joined: Mon 02 Jun 2008 6:49 pm
Weather Station: None
Operating System: None
Location: Vienne, France
Contact:

Re: Can I Add Side Background Borders To My Cumulus Index Pa

Post by steve »

You could try adding

Code: Select all

padding: 10px;
to the #content style, and see how that looks.
Steve
SherwoodNash
Posts: 4
Joined: Thu 27 Jan 2011 5:59 pm
Weather Station: Davis Vantage Vue
Operating System: Windows XP
Location: England

Re: Can I Add Side Background Borders To My Cumulus Index Pa

Post by SherwoodNash »

Many thanks again Steve, that's just perfect!


Overdue donation on it's way today.
SherwoodNash
Posts: 4
Joined: Thu 27 Jan 2011 5:59 pm
Weather Station: Davis Vantage Vue
Operating System: Windows XP
Location: England

Re: Can I Add Side Background Borders To My Cumulus Index Pa

Post by SherwoodNash »

Works great on Firefox 3.6.16, but IE9 shows normal white background?

Any ideas anyone?



Thanks!
Post Reply