Posts made by smartroad

@sdetweil :thumbs_up_light_skin_tone: thanks :D

@sdetweil got there in the end!

ended up having to also add position to make the z-index work and also add both to the other modules I wanted it behind (but with a higher z-height).

Ended up with:

.module.weather.weather{
position: relative;
z-index: 1;
background-color: rgba(0,0,0,0.5);
padding: 10px;
border-radius:15px;
}

.module.MMM-Globe.MMM-Globe .module-content{
position: relative;
z-index: -50;
}

.module.calendar .module-content{
position: relative;
z-index: 1;
  background-color: rgba(0,0,0,0.5);
  padding: 10px;
border-radius:15px;
}

I also added in a semitransparent background to make the text stand out against the image.

Many thanks for your help and pointers :D

@sdetweil Thanks for the reply. Been playing with CSS (and searching for what to do). I’ve tried

.region.middle.center {
z-index: -1;
}

If I change z-index to anything other than 0 the contents dissapear. I’m not that conversant with CSS and am probably miss understanding the sites I have been reading as to how it works

Does anyone know if it is possible to reorganise the rendering order of regions (z position)? I have a module that displays an image of the Earth (MMM-Globe) and would like it to be behind the left and right regions, currently it puts the image above them.

I have tried fullscreen_below but that just shows the image in the top left corner. Or is there a way to get that to show in the middle?

No idea what to search for in DuckGoogBing as I am sure I am using the wrong terms :(

Any assistance would be gratefully received!

@Stoffbeuteluwe said in Default Weather module, remove sunset time?:

@smartroad add to your config.

onlyTemp: true,

Thanks for the reply, that works but removes all of the data, I only want the sunrise/set time removed, in the same way the humidity can be with “showIndoorHumidity”

Is there anyway to remove the sunset time from the (Current) Weather module (the new one)? I’m using a Raspberry Pi lcd screen and it overlaps the forecast weather next to it. I can’t see anything in the docs to say it can be removed as I don’t need it anyway?

Wooo sorted :D

.clock .time{
/*transform: scale(5);*/
font-size:300px;
}

.clock .date {
font-size: 75px;
margin-bottom:75px;
}

.region.top .container {
  margin-bottom: 200px;
}

results in:

@smartroad okay figured out the spacing issue, added:

.region.top .container {
  margin-bottom: 275px;
}

and now have the calendar and waether spaced below the clock. Still not sure how to move the date closer to the clock though

Hi all!

I have been making a new installation and am having issues with the clock. I have the screen in a portrait position and I want the clock to be displayed at the top taking up the whole width so it can been seen clearly across the room. The issue I am having is that although I found out about the ability to use the custom.css file to tweak things like the font size, it is now overlapping other modules and the date dissapears off of the top of the screen:

Is there anyway to get the the date closer to the clock and move the other modules below the “top_bar” where the clock is now?

Many thanks!

okay, I have been able to figure out a little more. I can make the bars bigger but not smaller. This is as small as I can make them:

This is the code used to produce the above:

.MMM-forecast-io .forecast-bar .bar {
  background-color: #aaa;
  line-height: 0.01em;
  border-radius: 0.01em;
  border: 0.5px transparent solid;
  background-clip: padding-box;
  color: black;
}

No matter what I change the line-height to the bars get no smaller :worried_face: