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 said in Newsfeed size:

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

      Why the heck isn’t this working for me!
      I’ve moved compliments module to lower_third region but i can’t seem to change the size of it

      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 show me the css class setup you did… note that each module gets to choose there own class usage… so ‘small’ might not work for compliments… read the readme,

        or look at the
        main.css or
        compliments.css or
        last resort the compliments.js. file for class usage (search for className in the js file)

        sometimes the class usages is documented, and sometimes(most times) not

        Sam

        How to add modules

        learning how to use browser developers window for css changes

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