Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Icons are showing 1/2 size no matter what CCS (1-6) is used. #3

Closed
JohnWPB opened this issue Apr 4, 2019 · 3 comments
Closed

Icons are showing 1/2 size no matter what CCS (1-6) is used. #3

JohnWPB opened this issue Apr 4, 2019 · 3 comments

Comments

@JohnWPB
Copy link

JohnWPB commented Apr 4, 2019

First, thank you for the re-write. A shame Weather Underground went the way of the Weather Chanel.

Anyhow, I your installed your module, and it looks fantastic! Exactly what I was looking for, bottom of the screen & intrusive. However the icons appear to be showing half the size as intended, and even on a 42" screen, there is no way to tell what the icons actually are.
Not sure what all you need as fat as info, its a RasPi 3b+, latest MM and Raspian installs and all up to date as of 3 days ago.
Thanks again!

  • John
@JohnWPB
Copy link
Author

JohnWPB commented Apr 4, 2019

Interesting, I dragged the image to the edit window from my desktop, AND clicked and browsed for the screen shot to attach it, and neither way seemed to work. Anyhow I uploaded it to PostImage.org, and you can see it there:
https://i.postimg.cc/sxGrbLfs/Magic-Mirror-SS.jpg

@mykle1
Copy link
Owner

mykle1 commented Apr 6, 2019

Please add this to your custom.css file and adjust accordingly. Only make one change at a time so that you can see the changes and understand what each does. In your case, start with the image element and adjust width and height to the same percentage. If you don't need to change anything else, don't. Try width and height at 2.75% to start and see how it looks then go from there.

.MMM-BMW-DS .header {
  color: yellow;               /* Header color. */
}
.MMM-BMW-DS .image {              /* icon size */
   width: 1.75%;
   height: 1.75%;
   margin-top: 0px;
   margin-bottom: -10px;
}

.MMM-BMW-DS .current {
  color: #FFFFFF;               /* Current text forecast color. Default is white. */
  font-family: Muli;
/*  font-size: .6em; */
}

.MMM-BMW-DS .summary {
  color: #FFFFFF;               /* General summary text forecast color. Default is white. */
  font-family: Muli;
/*  font-size: .5em;  */
   display: none;           /* uncomment to hide */
}

.MMM-BMW-DS .daily {
  color: #FFFFFF;               /* Days of the week and hi/lo temp color. Default is white. */
  font-family: Muli;
/*  font-size: .6em; */
}

@mykle1 mykle1 closed this as completed Apr 6, 2019
@JohnWPB
Copy link
Author

JohnWPB commented Apr 14, 2019

Sorry for the delay in responding. Thank you for the tips, I will follow up and try that out when I get back home in a couple weeks. Thanks again!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants