Custom CSS

• J

  CSS 101 - Getting started with CSS and understanding how CSS works
  • j.e.f.f  

  8
  9
  Votes
  8
  Posts
  8977
  Views

  S

  Thank you. Just changing the width did the job.
• G

  why is it so difficult to increase the size of the display moduless
  • geo  

  4
  0
  Votes
  4
  Posts
  171
  Views

  G

  hi thx i will give it a try regards
• 

  Current-weather
  • elmattt  

  1
  0
  Votes
  1
  Posts
  52
  Views

  

  Hi, i didn’t find out how to add a break before the house logo in this module ? example as shown in the capture thanks by advance
• M

  is this view possible? (MMM-calenderEXT)
  • mrdenmark  

  4
  0
  Votes
  4
  Posts
  202
  Views

  M

  Cool,thanks for the advice, I’ll have A play with it and see what I can achieve,it’s my first time trying anything with css,if I have any success I’ll post the results
• Y

  Tell me how to change the font.
  • yeonju  

  3
  0
  Votes
  3
  Posts
  243
  Views

  

  https://fonts.google.com (eg: @import url(‘https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700|Open+Sans:400,700&display=swap’);) use the @import method in custom.css and change the font declarations in body .thin .light .regular .bold header from (example) font-family: “Roboto Condensed”, sans-serif; to font-family: “Open Sans Condensed”, “Roboto Condensed”, sans-serif;
• B

  Issue with bottom bar, newsfeed module and top margin.
  • Brandenborg  

  3
  0
  Votes
  3
  Posts
  166
  Views

  B

  @sdetweil thanks for the advice. After some more trial and error it made me figure out I had to add these two to fix it. .region.bottom.bar .container { margin-top: 0; } .region.bottom.bar .module { margin-top: 0; } Guess it was the container one that I was missing and had to use together with the module definition to get it working.
• J

  MMM-HASS & css nightmare (slight exaggeration)
  • jaraeez  

  4
  0
  Votes
  4
  Posts
  255
  Views

  R

  Use the developer toos in Chrome to see the whole html & css. You can also edit that to try out things quickly.
• 

  Need help in CSS
  • Cynic  

  3
  0
  Votes
  3
  Posts
  175
  Views

  

  @broberg Thank you very much
• B

  Margin removal, background region and top bar.
  • Brandenborg  

  4
  0
  Votes
  4
  Posts
  233
  Views

  B

  So seem to have gotten a little further regards to the top bar. Adding the position: absolute in body seems to have somewhat helped. The overflow hidden actually made top.left and top.right disappear. body { position: absolute; margin: 2; height: 100%; width: 99%; } .region.top.bar { height: 40px; float: left; } My top.right module seems to be positioned a bit higher than my top.left module… But that might just be the look of the module itself. Still need to figure out how to left align the navbar and what is happening with the background_below region… Edit: Figured out the background as well after some research. The fullscreen section is actually defined to be offset by -60px due to the body margins being defined as 60px. So had to simply add a similar section in my custom.css changing the offset to what I put in the body margin. .region.fullscreen { position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; }
• C

  Column width change help
  • cookblook  

  3
  0
  Votes
  3
  Posts
  153
  Views

  S

  @mlcampbe custom.css has been force loaded as the last css file since 2.6 as I recall…
• 

  MMM-Darksky-hourly - change icons
  • Maros  

  13
  1
  Votes
  13
  Posts
  3235
  Views

  

  please post your changes maybe there is just mistype
• 

  UNSOLVED Display colored emoji
  • floschibo  

  5
  0
  Votes
  5
  Posts
  358
  Views

  

  @Stoffbeuteluwe Ok, now I think I get it. In my case I’m jusing the MMM-IFTTT module to send Messages to the Mirror. So emojis are displayed by text send via IFTTT. It’s not a fixed Text I can copy to my config.js file.
• 

  Module shadowbox for slideshow background
  • buzzkc  

  4
  1
  Votes
  4
  Posts
  315
  Views

  

  Sorry, google photos don’t seem to stay around that long…
• A

  SOLVED Newsfeed custom.css
  • andyyy  

  2
  0
  Votes
  2
  Posts
  326
  Views

  

  @andyyy said in Newsfeed custom.css: Hi, I am trying to change the font size of the newsfeed. That is my custom.css, the font size is still the same. Any ideas? body { .newsfeed .medium { font-size: 15px; line-height: 20px; } } You don’t put the .newsfeed inside the body{} this should work better : .newsfeed .medium {font-size: 15px; line-height: 20px; }
• P

  oversized fonts and mixed modules
  • papinel  

  7
  0
  Votes
  7
  Posts
  454
  Views

  P

  RESOLVED
• N

  modifying css to only one instance of a module
  • N3RD  

  7
  0
  Votes
  7
  Posts
  427
  Views

  N

  @sdetweil got it! thanks guys, I’m slowly building confidence to poke around more and tweak. And annoy my wife by constantly tinkering
• S

  Difference (other than version) between HTML & HTML5?
  • SarangBhai  

  2
  0
  Votes
  2
  Posts
  138
  Views

  S

  @SarangBhai study the latest versions… its really only a capability difference. the structure is the same.
• A

  Looking for help removing white areas from /r/AfterZero
  css • • AndrewEscobar  

  2
  0
  Votes
  2
  Posts
  190
  Views

  

  @AndrewEscobar and this is related to the MagicMirror 2 platform how?
• A

  Layout and positioning on a tiny screen.
  • ArmyGuy  

  7
  0
  Votes
  7
  Posts
  892
  Views

  

  @smackenzie5 Config.js doesn’t really do anything to the layout, it is the index.html and main.css that defines the different positions that you can use.
• J

  New Position / Area in the middle!!
  • jaimonkhan  

  2
  0
  Votes
  2
  Posts
  358
  Views

  S

  @jaimonkhan so, you want to display 2 tables side by side? i used float:left on one and float:right on another without having to create a new area