• 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.

Changing fontsize causes text to overlap itself when stacked

Scheduled Pinned Locked Moved Custom CSS
5 Posts 2 Posters 1.1k Views 2 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.
  • H Offline
    hefal
    last edited by Jul 9, 2019, 1:12 AM

    Heya, when I edit the custom.css to make the text larger it eventually starts overlapping itself when the text is long enough to occupy two rows or more.

    Ive looked aroud in most of the files but cant find a solution. Any ideas?

    Thanks

    S 1 Reply Last reply Jul 9, 2019, 1:16 AM Reply Quote 0
    • S Away
      sdetweil @hefal
      last edited by Jul 9, 2019, 1:16 AM

      @hefal that’s what happens.

      Do u want to shorten the text?
      What text are you seeing?

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      1 Reply Last reply Reply Quote 0
      • H Offline
        hefal
        last edited by Jul 9, 2019, 1:23 AM

        Well, not really.

        In a perfect world id like it not to overlap once it switches rows. Ive got my mirror in a vertical setup which limits the width so most texts will require multiple rows.

        Pic:
        alt text

        S 1 Reply Last reply Jul 9, 2019, 1:31 AM Reply Quote 0
        • S Away
          sdetweil @hefal
          last edited by sdetweil Jul 9, 2019, 1:34 AM Jul 9, 2019, 1:31 AM

          @hefal the font vertical spacing needs to be increased.

          I don’t know how to do it myself…

          letter-spacing and line-height from Google search

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          H 1 Reply Last reply Jul 9, 2019, 3:53 AM Reply Quote 0
          • H Offline
            hefal @sdetweil
            last edited by Jul 9, 2019, 3:53 AM

            @sdetweil that did it thanks a lot :)

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