Change colors on header text

73 views
Skip to first unread message

Eirik Skorstad

unread,
May 4, 2014, 2:25:19 PM5/4/14
to weewx...@googlegroups.com
I tried to change the text color in the header with weewx.css, but it seems to only be changing on the title of the site.. Is there any other places I can do this?  

Andrew Milner

unread,
May 4, 2014, 2:34:19 PM5/4/14
to weewx...@googlegroups.com
There are many ways of changing style colours in css/html - all depends on exactly which styles you are trying to change.  As last resort you can always explicitly set the style colour for the exact headings you want to change in the tmpl themselves.

Eirik Skorstad

unread,
May 4, 2014, 3:51:01 PM5/4/14
to weewx...@googlegroups.com
Trying to change the color on text in the mast head. Tried with span style in index.html.tmpl with no luck.. 

Thomas Keffer

unread,
May 4, 2014, 4:15:02 PM5/4/14
to weewx-user
Two things:

1. If you change weewx.css in /home/weewx/public_html (or /var/www/weewx if you installed using the DEB package), then it will get overwritten. Change it in /home/weewx/skins/Standard (or /etc/weewx/skins/Standard if installed using DEB).

2. If you look in weewx.css, you'll see that the masthead color gets overridden by the h1 CSS directive:

#masthead {
  ...
  color: red;
}

#masthead h1 {
  color: #3d6c87;  // This will override the color specification above!
}

In a similar manner, the h2 color gets overridden by a h2 style (see the bottom of weewx.css). So, either change the overrides, or change it explicitly in the template index.html.tmpl.

-tk
-tk



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

Eirik Skorstad

unread,
May 4, 2014, 6:34:35 PM5/4/14
to weewx...@googlegroups.com


I was into something there, but I did not understand that I had to override colors for "h2" as well..
Thanks for helping me figure this out :) 
Reply all
Reply to author
Forward
0 new messages