Custom CSS

• J

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

  8
  9
  Votes
  8
  Posts
  7054
  Views

  S

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

  easyaccess.documents@yahoo.com può aiutarti con il tuo certificato di laurea
  • easyaccess  

  1
  0
  Votes
  1
  Posts
  44
  Views

  E

  easyaccess.documents@yahoo.com può aiutarti con il tuo certificato di laurea easyaccess.documents@yahoo.com può aiutarti con tutti i tipi di diplomi falsi di scuola superiore, offerte false e certificati falsi. Siamo il miglior produttore onesto e professinoal. Ci sono alcuni designer e venditori nel nostro team che stanno aspettando di offrirti il ​​miglior servizio. Compra un diploma falso, acquista un diploma falso, acquista un certificato falso, Tutti i nostri prodotti, compresi i titoli universitari, il diploma di scuola superiore e i documenti universitari, sono accuratamente replicati dai documenti originali originali! Abbiamo diplomi e diplomi in Canada, diplomi e certificati USA, diplomi e diplomi del Regno Unito, diplomi e diplomi in Australia, diplomi e diplomi in Malaysia, diplomi e qualifiche di Hong Kong, diplomi e diplomi in Francia, diplomi e diplomi tedeschi, certificato e istruzione Cambridge GCE, Cambridge Certificato IGCSE, Certificato NEBOSH del Regno Unito, Diploma Nazionale Nebosh e Certificato IELTS, Certificato TOEFL e Transcript e così via. SUPPORTO GENERALE: easyaccess.documents@yahoo.com, nome skype: bertrano.passi1
• H

  Changing fontsize causes text to overlap itself when stacked
  • hefal  

  5
  0
  Votes
  5
  Posts
  95
  Views

  H

  @sdetweil that did it thanks a lot
• L

  Change font size of calendar_monthly module
  • Legendary_Wiz  

  2
  0
  Votes
  2
  Posts
  92
  Views

  

  @Legendary_Wiz Don’t know exactly what module you are using since there is more than one monthly calendar, but try this : .calendar_monthly .xsmall { Font-size: 50px; Line-height: 50px; }
• A

  Layout and positioning on a tiny screen.
  • ArmyGuy  

  2
  0
  Votes
  2
  Posts
  139
  Views

  

  First off, Don’t alter anything in the main.css itself (this will fuck shit up when you are trying to update your mirror later) Everything you add in custom.css will overwrite anything already in the main.css file (so if body { margin: 20px; ... exists in main.css then body { margin: -2px; ... in custom.css will overwrite that line in main.css) If you want to free float any placement your modules should have this code .clock{ position: absolute; left : 100px top : 50px } This will force the position of the module to be calculated from the top left corner of the screen. This will drop the margin completely : body { position: absolute; margin: 0px; height: 100%; width: 100%; } There is many ways to change the sizes, either by font-size or zoom (which would scale everything by If the config parameters doesn’t change anything you probably have a typo somewhere that negates your changes and instead goes with the defaults specified in the module.
• B

  disable the header in the Weather Forecast module
  • brooksa  

  4
  0
  Votes
  4
  Posts
  230
  Views

  B

  @Mykle1 Thank YOU!!!
• T

  Can't put separate pages in one page for scrollable website
  • TrevorNoah  

  2
  0
  Votes
  2
  Posts
  105
  Views

  S

  @TrevorNoah sorry, not quite sure what you mean. your module output is put into one of the MM regions… by position: in config.js unless u use one of the fullscreen regions, you don’t have access to the whole screen each region will be scrollable, vertically when the content goes over the screen size. can u explain what “the class position to relative” and "text the design everything gets mashed together " means… maybe a screen shot
• J

  SOLVED How add transparent background to modules
  • johnny_swindle  

  17
  0
  Votes
  17
  Posts
  2289
  Views

  J

  @broberg I have sorted it this morning. I really appreciate your taking the time to help me, Thankyou Broberg. So many on here seem unwilling to help. Youre a legend!
• J

  Quick CSS help please
  • JonoGee  

  2
  0
  Votes
  2
  Posts
  107
  Views

  J

  @JonoGee MIght be worth mentioning also the default clock module works with exact same coding formula…
• R

  CSS: Heading underline, width control.
  csss • • Richard238  

  1
  0
  Votes
  1
  Posts
  162
  Views

  R

  I’m looking at the border-bottom in the ‘Lower third’ region. Currently, the line below the heading, when enabled, crosses the entire display. The CSS attributeborder-bottom-width changes not the width, but the height of the line, not what I want. How then, do I get border-bottom in lower-third, to be just the width of what it’s showing, and not the entire width of the display? Thank you.
• F

  trouble using CSS to make a picture bigger
  • fnooah  

  3
  0
  Votes
  3
  Posts
  276
  Views

  F

  @saljoke i actually was able to go to the module itself. I adjusted the .css file inside the module folder. It seems to work so far with no issues.
• L

  shade don't align with clock
  • lkthomas  

  2
  0
  Votes
  2
  Posts
  129
  Views

  L

  .clock .bright { font-size: 120px; padding-bottom: 20px; } fixed!
• P

  Distance between two modules
  • Peter  

  9
  0
  Votes
  9
  Posts
  643
  Views

  

  @Peter We need to see your custom.css if we will have any chance at all to help you.
• W

  Date and clock
  • wizz  

  1
  0
  Votes
  1
  Posts
  438
  Views

  W

  Hi all. As i just migrated my mirror to my 7" touch screen and are working on a bedroom table mirror where i got the clock in the center and the date above i need to get this to bi a bit bigger and also a space between the date and clock as i found a css for adjusting the clock size but when i do this the clock ends up covering the date so how do i do this in css?
• D

  Quick CSS Help Please?
  • dxfan227  

  1
  0
  Votes
  1
  Posts
  184
  Views

  D

  I would like the text that says " Dr.Baqui" to be lined up on the left hand side. It is the stock calendar and I have tried a few things but can’t get it working. when I tried Float: left in the css it did pull it to the left but now the time of the event isn’t on the right side it’s in the middle.
• 

  MMM-NOAA3
  • Kimzer  

  25
  0
  Votes
  25
  Posts
  3052
  Views

  S

  @justjim1220 said in MMM-NOAA3: Any idea what it means? Any idea how to fix it? appears the api did not return the expected data data.pollution failed as data does not have a value
• M

  Still possible to use custom CSS?
  css • • Macgomes  

  3
  0
  Votes
  3
  Posts
  481
  Views

  

  @Macgomes Are you saying about MagicMirror?
• I

  How to make the background all black
  • icripps  

  7
  0
  Votes
  7
  Posts
  661
  Views

  R

  @rabbit83ka How do you cut the power to the backlight only?
• J

  MMM-iFrame transparent background only working in Chromium
  • jelbear  

  1
  0
  Votes
  1
  Posts
  189
  Views

  J

  Re: How add transparent background to modules Hopefully somebody can help I am using the MMM-iFrame module to grab the now playing status page of a network music system (logitech Media Server) This works fine except that it had a background and looks unsightly blocking the full page images of the MMM-Wallpaper module, I have managed to edit the originating CSS of the status page to have a transparent background, using the below background: rgba(0,0,0,0); background: transparent; I can confirm this works when I load my MagicMirror page via normal laptop chrome browser pointed at the IP of the RPi. So all is good I thought.  However when I load up the Magic Mirror on the on the RPi, there is still a black background on the iframe.  I have then gone on to edit both the custom css page with code taken from the above referenced thread module.MMM-iFrame { background-colour: rgba(0,0,0,0); background-colour: transparent; I have also tried to add the above to the CSS code of the of the MMM-iFrame module itself. None of which has worked. I am fine with following instructions and generally get there in the end. But not sure where to go from here to get it to work. So could somebody kindly help me figure out what I need to do so that the inbuilt browser of MagicMirror recognizes the transparent background of the captured web page like Chrome & Chromium do, its the last piece of the puzzle before this thing can get hung on the kitchen wall cheers Jelbear
• N

  MMM-NOAA3 icon sizes
  • nimbus78  

  1
  0
  Votes
  1
  Posts
  269
  Views

  N

  Does anyone know how to edit the custom.css to make the icons for the 4-day forecast bigger?