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.
    • K Offline
      Kenta @sdetweil
      last edited by

      @sdetweil
      Thank you! That worked perfectly!

      1 Reply Last reply Reply Quote 0
      • 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
                        • 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