@Anachor Hi i’m following your instructions, in what folder do you save your new “mystyles.css” in order for this to work?

@strawberry-3.141 Wonderful! That’s how i’ll fix this. Thank you very much!

@broberg Interesting… I didn’t know about and am now reading up on it. Thanks for pointing me in the right direction that explains a lot. I’ll try to read up on this before asking any more questions!

It works great - I am learning more and more thanks to this forum … But if I want to change color for the calendar entries (Christmas Day, Boxing Day …) Didn’t find it calendar.js … .calendar .??? { color: #a2d2f6; }

Many thanks, actually just removed CW in exchange for WeatherUnderground (feed directly from the property and API’d down) so more realistic for us. Got to do the colours there next, for the icons, currently having troubles with the “C” instead of Celsius symbol :/

after testing i found the solution: .calendar .title { color: #999 }

@strawberry-3.141 Thank you! Now it works very well! Don’t know why i didn’t thought about height & width before :D

I’m trying to add some links in the right corner of the background image but when I do, the opacity div will move to the right. How can i fix this?

Our National Weather Service can be quite verbose in their watches and warnings. I’ve tried to make the Alert box change size by adding the following to the custom.css however I don’t have it right yet. .ns-alert { top 10% width 10% } Note from admin: Please use Markdown on code snippets for easier reading!

Yeah permission settings were wrong on this new category :)

The full HTML/CSS is as follows: // This is the box that shows up at the very top, defined as a "notification alert" <div class="ns-box ns-growl ns-effect-slide-center ns-type-notice ns-show"> <div class="ns-box-inner"> <span class="thin" style="line-height: 35px; font-size:24px" color="#4A4A4A">[TITLE]</span> <br><span class="light" style="font-size:28px;line-height: 30px;">[MESSAGE]</span> </div> </div> // This is the pop-up in the middle of the screen, defined as a regular "alert" <div class="ns-alert ns-growl ns-effect-flip ns-type-notice ns-show"> <div class="ns-box-inner"> <span class="light" style="line-height: 35px; font-size:30px" color="#4A4A4A">[TITLE]</span> <br><span class="thin" style="font-size:22px;line-height: 30px;">[MESSAGE]</span> </div> </div> Note that the effect listed in the first '<div>' changes with the specific effect you set it to.

Hello, I’m pretty new at all this and using it to learn, about raspberry, Linux and carpentry so please can I ask for help in simple steps! Thank you for the forum and the help its been brilliant so far. I’m building a magic mirror and attached is a screenshot of the screen setup so far. In the end I am going to have quite a big mirror with this screen on the bottom right with the clock about half way up the overall mirror. [image: 1466336114462-magic-mirror.png] I have 2 questions: How do I stop the Calendar and weather jumping up and down as the RSS news feed is 2 or 3 lines, is there a way of making it fixed to the middle right (I couldn’t see that as a listed position)? How do I make just the clock bigger? Thank you for any help. Manny