@ganget said in Animated rainbow color gradient for the default clock module:
classes: “clock-time-only”, //this line
Ok but it’s not ok on mine :(.
For those of us who use this in a real Magic Mirror there’s no need to have any margins (top, left, right, bottom) and it is great to use all pixels of the display. If you’re with me… use the following in ~/MagicMirror/css/custom.css:
@patbu - You’ll need to modify the index.html to add the new objects to the basic display code. A little searching around the forum should show you the exact code. I know you’re not the first person to try it.
Default Display Size = Control and 0 (That’s a zero)
Zoom In = Control and Shift and = (That’s an equals sign)
Zoom Out = Control and - (That’s a dash/minus sign)
@j-e-f-f Your suggestions worked well…thanks! It took me a while to get the localhost access working, but I can now view my MM2.5 using my Chrome web browser and then using the inspector to find displayed items I want to change. Thanks again!
Your English is fine
That’s because there is no class called .departureDelay
You can fork his branch and add .departureDelay to the className or you can ask the author to add it.
Then your className would work if you need more help with this I would be happy to help you if you don’t understand what I’m saying
Sorry, board works so well I haven’t touched for over a year. Didn’t realize that people were still interested.
I edited my post with my mess of a custom CSS, but yes I just force the width of the columns.
In the custom CSS if you add width: 550px; to one item for each column it will force it to that width and draw the line the full width. 550px seems to work well with 1920 width and the default pad / margins.
Of course, there are many tricks to display something to specific region.
.fullscreen.below is the lowest layer of region system of MM. its position is already absolute and fit for screen size. If you put some module here, it will be displayed like background.
.fullscreen.above is the highest layer. If you put some module here, it will cover the lower region layer.
And, modifying CSS is safer and easier option than hardcoded in the module itself. Therefore there is “custom.css” for customization.
The main reason you are confused might be this;
height: calc(100% - 120px);
width: calc(100% - 120px);
It gives 60px margin for the entire screen. So YOUR_FULLSCREEN module couldn’t cover the WHOLE_SCREEN_YOU_THOUGHT. But I recommend you leave it. Because, some ppl needs those margin for their mirror edge. Who don’t need that margin will modify his custom.css for using fullscreen without margin by himself.
I think you’d better to research some BACKGROUND-IMAGE modules to get a hint to use full screen CSS. I believe it’s enough to put your module with 100% width/height into .fullscreen.below or .fullscreen.above to display your module as full screen size.
i have tried all methods to change my icons for the current weather and the weather forcast modules but nothing seems to work ! i dont get any errors or warnings ! whatever changes i make the module remains the same ( like default)
i use icons from amcharts ! and i refered the other post from the forum ! im a noobie kindly help me out@!!!
the icons are on MagicMirror![1_1535028197192_Webp.net-resizeimage.jpg](Uploading 100%) ![0_1535028197191_Webp.net-resizeimage (1).jpg](Uploading 100%) /css/icons/
i have attached images of my custom css file and my config file