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

CSS code to lock an image that will scroll with the screen

Discussion and questions about Cumulus weather station software version 1. This section is the main place to get help with Cumulus 1 software developed by Steve Loft that ceased development in November 2014.
Post Reply
User avatar
K8POS
Posts: 94
Joined: Sat 03 Jan 2015 4:17 am
Weather Station: Davis Vantage Pro2
Operating System: Windows 7
Location: Thumb of Michigan
Contact:

CSS code to lock an image that will scroll with the screen

Post by K8POS »

I am not new to using HTML, but know little about CSS.
I have added my logo image to my web page. It shows up fine on each page at the top left of the screen.
Here is the code:

background-color: #00FFCC;
font-family: Verdana, Helvetica, sans-serif;
font-size: 10pt;
color: #585858;
text-align: left;
background-attachment: fixed; <----- I think I need to change this
background-image: url(images/MWlogo.png);
background-repeat: no-repeat;
background-position: TOP:35px; LEFT:170px;
I want the image to scroll up and down with the screen and not remain fixed. and it needs to move way over to the right.

Suggestions?

Bob
duke

Re: CSS code to lock an image that will scroll with the scre

Post by duke »

Yes, to 'scroll'.
CSS Syntax
background-attachment: scroll|fixed|local|initial|inherit;
Property Values
Value Description
scroll The background scrolls along with the element. This is default
fixed The background is fixed with regard to the viewport
local The background scrolls along with the element's contents
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit
More here.
User avatar
K8POS
Posts: 94
Joined: Sat 03 Jan 2015 4:17 am
Weather Station: Davis Vantage Pro2
Operating System: Windows 7
Location: Thumb of Michigan
Contact:

Re: CSS code to lock an image that will scroll with the scre

Post by K8POS »

Duke,

Thank you ever so much!!!!!! :clap:
Got it working where I want it.

Bob
Post Reply