• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
MagicMirror Forum
  • Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.

Newsfeed module behaves differently than Compliments with custom.css?

Scheduled Pinned Locked Moved Development
12 Posts 4 Posters 9.4k Views 5 Watching
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • V Offline
    valid8r @yawns
    last edited by Dec 11, 2016, 3:46 PM

    @yawns To do so would be to update custom.css right? Would you be able to show an example of how that would work for a module such as compliments.

    1 Reply Last reply Reply Quote 0
    • Z Offline
      zkab
      last edited by Dec 12, 2016, 3:42 PM

      I get the bigger fonts in newsfeed but still white color … hmmm
      My custom.css looks like this

      body {
      }
      .newsfeed .medium {
      font-size: 60px;
      font-color: #e6e600;
      line-height: 60px;
      }
      .brightb {
      color: #a2d2f6;
      }
      .wi-sunrise {
      color: #ff0;
      }
      …

      S 1 Reply Last reply Dec 12, 2016, 3:49 PM Reply Quote 0
      • S Offline
        strawberry 3.141 Project Sponsor Module Developer @zkab
        last edited by Dec 12, 2016, 3:49 PM

        @zkab did you try?

        .newsfeed .medium {
          font-size: 60px;
          color: #e6e600;
          line-height: 60px;
        }
        

        Please create a github issue if you need help, so I can keep track

        1 Reply Last reply Reply Quote 0
        • Z Offline
          zkab
          last edited by Dec 12, 2016, 5:23 PM

          Thanks - it works …

          1 Reply Last reply Reply Quote 0
          • Z Offline
            zkab
            last edited by Dec 13, 2016, 11:23 AM

            Still struggling with fonts & colors …
            When I insert following in custom.css I don’t get the color for calendar …

            .calendar .small {
            color: #a2d2f6;
            }

            The message Loading … is in right color but when the calendar shows it it still in white … same thing with

            .calendar .dimmed {
            color: #a2d2f6;
            }

            Where have I missed ?

            1 Reply Last reply Reply Quote 0
            • Y Offline
              yawns Moderator
              last edited by Dec 13, 2016, 11:50 AM

              If you look into the calendar.js file you see the wrapper showing actual calendar entries is using

              timeWrapper.className = "time light";
              So I would try .calendar .time instead.

              1 Reply Last reply Reply Quote 0
              • Z Offline
                zkab
                last edited by Dec 13, 2016, 12:15 PM

                It works great - I am learning more and more thanks to this forum …
                But if I want to change color for the calendar entries (Christmas Day, Boxing Day …)
                Didn’t find it calendar.js …

                .calendar .??? {
                color: #a2d2f6;
                }

                1 Reply Last reply Reply Quote 0
                • 1
                • 2
                • 1 / 2
                1 / 2
                • First post
                  10/12
                  Last post
                Enjoying MagicMirror? Please consider a donation!
                MagicMirror created by Michael Teeuw.
                Forum managed by Sam, technical setup by Karsten.
                This forum is using NodeBB as its core | Contributors
                Contact | Privacy Policy