Custom CSS

• J

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

  8
  8
  Votes
  8
  Posts
  5224
  Views

  S

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

  width of module on 3.5 in screen
  • jasondreher  

  2
  0
  Votes
  2
  Posts
  129
  Views

  P

  The process where the user wants to find out the work that will be able to manage it in such way where the user will be able to get the work better so netgear r6700 review will able to get the work better for width module on 3.5 in the screen.
• 

  Wrong font in newsfeed
  • Maros  

  8
  0
  Votes
  8
  Posts
  902
  Views

  R

  @cabott I have the same problems. Some characters are not showing properly only on the newsfeed module. I have tried installing roboto fonts with apt, how did you installed it? (And which package).
• S

  can someone help me figure out text-shadow behind a text clipping mask?
  • seedhe  

  2
  0
  Votes
  2
  Posts
  60
  Views

  S

  can u post and example of the html and CSS used for that?
• 

  MMM-NOAA3
  • Kimzer  

  23
  0
  Votes
  23
  Posts
  1585
  Views

  

  @Binog I know that module uses several choices of css files. Look inside the css file that you have chosen and identify the fonts being employed. Or, if you are familiar with using the dev console you can identify the fonts there. In either case, you can take that info into your custom.css file and modify the font sizes, etc EDIT I just thought of something I don’t know if the table will expand to accommodate larger fonts even if you manage to make them bigger. Perhaps someone else will chime in here that knows css better than I.
• Е

  Change the color of the relative dates in the default calendar.
  • Евгений  

  3
  0
  Votes
  3
  Posts
  158
  Views

  Е

  Thank you very much. I understood, but this is still difficult for me.
• F

  Use image as Header?
  • flyboy  

  3
  0
  Votes
  3
  Posts
  173
  Views

  F

  Brilliant! Thank you so much.
• M

  Compliments Font (Crying Uncle)
  font custom.css • • MwMagicMirror  

  2
  0
  Votes
  2
  Posts
  177
  Views

  

  this should work .compliments .xlarge { font-family: Verdana; font-weight: 10; }
• S

  Anyone fancy doing a fulscreeen month calendar?
  • stuartiannaylor  

  6
  0
  Votes
  6
  Posts
  268
  Views

  

  I don’t know what you mean grayscale theme, but how about this? Unless you set your style to event, it will be displayed as B/W style. like this; Of course you can adjust color with CSS. MMM-CalendarExt can do that also.
• U

  Rotating Module in Fullscreen (100%)
  • UserLoris  

  2
  0
  Votes
  2
  Posts
  223
  Views

  

  @userloris You might try changing the config position of each module to fullscreen_above, as such: position: 'fullscreen_above', I don’t know how each module will react to such a setting. You might see some odd formatting in the display of modules that were not designed/intended to be displayed this way.
• S

  background image 100% screensize, but then with a border/margin for the text.
  • siraero  

  3
  0
  Votes
  3
  Posts
  268
  Views

  S

  ahh yes, padding… thx
• 

  Hot to set MagicMirror not on top?
  • Cr4z33  

  3
  0
  Votes
  3
  Posts
  392
  Views

  S

  the design is the MM owns the screen… so you should open a window and show the vlc thru the mirror, i think there is already something that does this…
• R

  "Today" on default calendar module
  • rob73  

  6
  0
  Votes
  6
  Posts
  469
  Views

  R

  @bkeyport, I modified my config with your config and it removed the Today, just as I was looking for! Thank you for your help. I think where my problem may have been is instead of having all of the config options above the calendars section, right after the config braces, I had all of my options below the url line in the calendars section… When I saw your config layout, I was immediately suspicious of my config layout being the culprit… I had one mirror that was still displaying Today even though I edited the config just like the other one that was not displaying it… I ended up having to edit line 279 in the calendar.js file & removing the text “Today” from "timeWrapper.innerHTML = this.capFirst(this.translate("Today “));” That together does the trick! I thank you for your help!
• 

  SOLVED How do i make modules non-transparent
  • richland007  

  7
  0
  Votes
  7
  Posts
  836
  Views

  

  @richland007 I should see all your css/custom.css and config.js. Send me via email : eouia0819@gmail.com
• P

  Split fields
  • patbu  

  2
  0
  Votes
  2
  Posts
  193
  Views

  

  @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.
• R

  This topic is deleted!
  • radokristof  

  1
  0
  Votes
  1
  Posts
  154
  Views
• T

  Region background colors
  • txajay  

  4
  0
  Votes
  4
  Posts
  399
  Views

  

  You could write a module for regions to show even without modules being in it
• M

  resizing ALL modules and content
  • MWel1977  

  2
  0
  Votes
  2
  Posts
  622
  Views

  

  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) https://forum.magicmirror.builders/topic/5619/how-to-find-and-use-key-commands-in-mm-for-absolute-beginners
• D

  Associating module output with custom.css
  • dwburger  

  9
  0
  Votes
  9
  Posts
  792
  Views

  D

  @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!
• J

  SOLVED How add transparent background to modules
  • johnny_swindle  

  12
  0
  Votes
  12
  Posts
  1190
  Views

  M

  I have the same problem. Was searching for this on the forum. Will try Sean’s solution tonight.