On Friday, February 1, 2019 at 6:34:01 PM UTC-5, Tom Robertson wrote:
>
> I am trying to figure out how to change the background color of the left 
> side of the skin where the Current Conditions, Celestial, etc are located. 
>  I have tried to change various background colors in the seasons.css but 
> have not had any luck.  I am trying to get the background green with white 
> lettering.
>
>
try the 'developer' mode in either firefox or chrome.  use the 'inspector' 
tool to choose a component.  when you have selected a component, you will 
see the css hierarchy from which it gets its attributes.  add/modify any 
colors or whatever you want, interactively.  once you have the look that 
you like, then transfer those changes into the seasons.css file.

for example, if you want to change the color of only the left side, you 
could do this:

#widget_group {
  background-color: #aabbcc;
}

note that the latest seasons (in the soon-to-be-released 3.9) has all 
colors parameterized as css variables.  that way you can simply change a 
value in one place (in the :root section of seasons.css) and that color 
will apply across the skin.

you still have to modify skin.conf to change plot colors, but css/html 
changes should be easier now.

m

-- 
You received this message because you are subscribed to the Google Groups 
"weewx-user" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
For more options, visit https://groups.google.com/d/optout.

Reply via email to