Resize custom or main modules

bokifide

Awesome! Thanks for explaining that :) I’ll give it a try now.

bokifide

Hey so I was testing out the custom.css values to see how it affects the magic mirror and I’m not getting any difference for some reason =/.

Before
alt text

The change (changed the px values to be way lower than what was shown in the original paste above)
alt text

After the above change
alt text

I was hoping changing those values would mean that I could make it look clean enough to not change the size of specific modules, but I seem to still be missing something :( .

Regards,
Boki

KirAsh4

'.small' affects the calendar, weather forecast modules, and newsfeed sourceTitle
'.medium' affects the date (only), current weather EXCEPT the temperature display, newsfeed article title
'.large' affects the time display and temperature from current weather

I’m sure there are others I’ve missed.

Those are all 'master' rules, affecting all those modules. If you want to only change a specific module, you have to follow the steps I mentioned above.

zombi27

I know it!

Tried the same yesterday, and found a “bug” :)
You inserted your code inside the body { } section (like i did), wich is not working…
Just erase the body { } from the custom.css and paste the code in the empty file :)

@MichMich, @KirAsh4: Is the body { } section a leftover from an older version maybe?

MichMich

@zombi27 Nope, it’s an example to show where your CSS must go … ;)

I think there is a limit in how far we should spoon feed the users. ;)

zombi27

okay :D The body section confused me too, so maybe it’s better to keep it empty? just a comment “place css code here?”

i could send a pull request? would be my first one :D or how could this be done? totally new to github…

bokifide

ahh… See I was thinking it was a bug as well, I don’t know much about CSS or programming in general, but I’m glad you clarified that part @zombi27 . I had just gone directly to the main.css to modify the values since I couldn’t get the dashboard to reflect the custom.css values :). I’ll give it a try once I get home.

Thanks for the help and direction @KirAsh4 @MichMich @zombi27

Boki

KirAsh4

Yep, that body { ... } rule is just there as an example. A quick search on 'css example' on Google would’ve shown you oodles of examples on syntax, almost to a fault.

MichMich

The problem if we change that file now (with an explanation text), it would overwrite files from users who modified it if they update …

zombi27

@MichMich: ah, okay ^^ that wouldn’t be nice :D