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 size

    Scheduled Pinned Locked Moved Custom CSS
    29 Posts 4 Posters 9.8k Views 4 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.
    • C Offline
      cyberphox @sdetweil
      last edited by

      @sdetweil sorry i’ve been fighting with CSS all day and typed that in wrong…
      What I mean to say was I moved the newsfeed module to lower_third

      In custom.css I’ve tried:

      .newsfeed .small {
      font-size: 40px;
      line-height: 45px;
      }
      .newsfeed .medium {
      font-size: 50px;
      line-height: 55px;
      }

      Full time Dad, DJ and entertainer and lover of technology.

      1 Reply Last reply Reply Quote 0
      • C Offline
        cyberphox
        last edited by cyberphox

        I even tried this - thinking maybe the indent made a difference but nope!

        .newsfeed .small {
          font-size: 80px;
          line-height: 65px;
          }
        .newsfeed .medium {
          font-size: 70px;
          line-height: 75px;
          }
        

        Full time Dad, DJ and entertainer and lover of technology.

        S 1 Reply Last reply Reply Quote 0
        • S Offline
          sdetweil @cyberphox
          last edited by

          @cyberphox i would open the developers window, ctrl-shift-i or f12, and select the elements tab, and scroll thru to the needs feed objects and look at their classes and settings (the css tree is expand on the right as u select an item, nears to the element at the top (custom.css -> main.css ) to furthest at the bottom

          it solves so many problems to be able to just look at it

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          1 Reply Last reply Reply Quote 0
          • C Offline
            cyberphox
            last edited by

            Oh I’ve been looking at the damn thing all day!

            newsfeed-title bright medium light seems to be one…if i could at least change something!

            Full time Dad, DJ and entertainer and lover of technology.

            S 1 Reply Last reply Reply Quote 0
            • S Offline
              sdetweil @cyberphox
              last edited by

              @cyberphox said in Newsfeed size:

              newsfeed-title

              in your class u said

              .newsfeed

              not the same thing

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              1 Reply Last reply Reply Quote 0
              • Mykle1M Offline
                Mykle1 Project Sponsor Module Developer
                last edited by

                These work:

                .newsfeed .bright.medium.light {
                  font-size: 20px;
                  line-height: 30px;
                }
                
                .newsfeed .light.small.dimmed {
                  font-size: 20px;
                  line-height: 30px;
                }
                

                Create a working config
                How to add modules

                C 1 Reply Last reply Reply Quote 1
                • Mykle1M Offline
                  Mykle1 Project Sponsor Module Developer
                  last edited by Mykle1

                  @cyberphox

                  3.png

                  Create a working config
                  How to add modules

                  1 Reply Last reply Reply Quote 0
                  • C Offline
                    cyberphox @Mykle1
                    last edited by

                    It’s does work! and it’s not the first time @Mykle1 has bailed me out!
                    Thanks again man!

                    Full time Dad, DJ and entertainer and lover of technology.

                    Mykle1M 1 Reply Last reply Reply Quote 1
                    • Mykle1M Offline
                      Mykle1 Project Sponsor Module Developer @cyberphox
                      last edited by

                      @cyberphox

                      :thumbsup:

                      Create a working config
                      How to add modules

                      1 Reply Last reply Reply Quote 0
                      • 1
                      • 2
                      • 3
                      • 2 / 3
                      • First post
                        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