Throwing down the gauntlet

Mykle1

I thought you might like to know that I had some success with the custom.css file without asking for your help. I did do some looking around in the module .js file and the Developers Tools. I was careful not to change anything. I was looking for clues on what changes specific parts of a module. (e.g. table, text, align, padding, margin, etc…)

I wanted to be able to move the calendar_monthly module to the left margin. I also wanted to constrain the module to a specific width so that it wouldn’t expand when another module stretches the region they both occupy. And just for good measure, I threw in some color. So, using the the css information that you’ve already given me for other modules, and the information I got from looking in the module.js file and Developers Tools, I did this.

With this

}

.calendar_monthly table {
  width: initial;
  float: left;
}

.calendar_monthly td {
  text-align: left !important;
}

.calendar_monthly calendar-table {
  text-align: left !important;
}

.calendar_monthly {
  width: 200px;
  color: #6f6;
}

“I’m smart! I can do things!” (Fredo Corleone - The Godfather II)

johnnyboy

This post is deleted!

jbeck615

@strawberry-3.141 So I can definitely post the css coding but my pi takes some time to start up some days it seems… anyway what I was ultimately trying to do was, using wunderground, get rid of the last column as you and Mykle1 showed above and get the icon for current to look realistic/color but keep the forecast icons as generic icons. so the way i attempted this was incorporate all of the edits you all provided above. then i repeated wunderground twice in the modules, one to show current and the color icon (realistic icon) and a second time just to show forecast but with generic icons. however when i stack them both in top right thats where i get the unwanted icons. if i put current wunderground in the top center then they go away. thoughts? i can provide css if needed for sure. thanks for even looking! ![alt text]( image url)

jbeck615

@Mykle1 thanks for sharing! the width of the monthly calendar was bothering me and i was going to research later anyway!

Mykle1

@johnnyboy said in Throwing down the gauntlet:

is that why you put the ! important there?

No sir, I do believe that this is the entry that constrains the module to 200 pixels ( and the color)

.calendar_monthly {
  width: 200px;
  color: #6f6;
}

Mykle1

@jbeck615 said in Throwing down the gauntlet:

thanks for sharing! the width of the monthly calendar was bothering me and i was going to research later anyway!

Cool. I’ve found answers that way too, before I even had the question

Mykle1

@jbeck615 said in Throwing down the gauntlet:

then i repeated wunderground twice in the modules,

You would have to repeat wunderground twice in the config.js file, not the modules, for starters

johnnyboy

This post is deleted!

jbeck615

@Mykle1 thats what i meant but poorly wrote that. i got the idea from your script but im thinking that there may be a away to have the icon for the current different from the forecast icons

strawberry 3.141

@jbeck615 can you share your wunderground config which leads to the unwanted icons?