@nibov33070 sorry, you are still unclear… there is an entry in the css.
you looked at the code and it uses the info class
but if u edit the info class (to be the same as the already existing class???) it doesn’t work?
in the config for the module it says this is required
showImageInfo: true,
https://github.com/darickc/MMM-BackgroundSlideshow
I have the TomTomTraffic module running in a split Upper Third container.
When I attempted to resize the map using custom.css file, it would not take.
I tried calling the module itself
.MMM-TomTomTraffic {
height: 550px;
width: 527.5px;
}
but did not change. It is currently doing 400px x 400px.
When I look at the developer mode and drill down I can see the element style is overriding everything else but have no clue how to code this in css so looking for a bit of help.
in custom.css put on termine module and email module (check your module css sintax)
the same width, what you want, like this
.termine.module, .email.module {
width: 300px;
}
@gwiz
Sure, but troubleshooting will have to be done to determine the cause. I suggest you try the following:
Disable all modules except the weatherforecast module in your config.js file.
Disable all entries in your custom.css file except the one for weatherforecast.
Now see if the css entry for weatherforecast works.
@lavolp3 Thanks! I loaded up a new MM build today and started messing with the configs using this one as a reference and so far I am liking the results. Similar to what I was originally aiming for. Much appreciated for pointing this out!
@mmmmh well, there is no damage if its not there, so, if you need it, you will create it…
i agree with you it should be there… there are quite a few new users that are following some
guide, and get to the ‘edit custom.css file’ step and its not there and they are lost. and don’t know what to do.
@Radnor said in Is it possible to have CSS for normal screens and a custom CSS for 7in screen?:
” (BEFORE changing width to 801)
right, the node_helper was not loaded, so the UI will just sit and wait for data that will never come
if you opened the dev window, console tabe, you would see an error from the module trying to send a message to the node_helper, which is not loaded…oops…
@matelot20 Try putting it into fullscreen_below but in the config below the picture module.
Or you could put it into bottom_bar and adjust the margin_bottom accordingly
@broberg said in Layout and positioning on a tiny screen.:
@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.
Hi guys!
It seems like I am blowing the dust off this old topics!
By the way… I am trying to change the postions of some modules and I am having the same issue as @smackenzie5 , first it loads the module where i want to place it, but at the end of the loading it increases the size of the top_bar and place it as default.
this is what I’ve put in the custom.css
.MMM-network-signal{
position: absolute;
transform.scale(0,35);
left: 1800px;
top: 0px;
}
Is it because it overlaps with the Weather module?
@ifzer0c00lsucked said in help with colors custom css:
however i am trying to leave the compliments white.
i added a line for it but it does not seem to be working
There is no class .morning or .afternoon in the compliments.
You need to stick to classes, id’s or dom elements for css to apply.
You can try
.compliments span{
color: white;
}
Every module can be referenced as a class.
Here I tried to reference all < span > elements in the compliments module
