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.
    • S Do not disturb
      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 Do not disturb
            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 Do not disturb
                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
                        • 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