Navigation

    MagicMirror Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • Donate
    • Discord

    MMM-Google Photo Border Frame Matte.

    Entertainment
    2
    9
    633
    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
      seby2 last edited by

      Hi, everything is working right and I do get my little slide show from google photos account.
      But I wanted to have a kind of frame around my pictures, maybe through CSS, but I just don’t know how to accomplish that.
      tks for your help
      Seby

      S 1 Reply Last reply Reply Quote 0
      • S
        seby2 @seby2 last edited by

        @seby2 any help please?

        Sean 1 Reply Last reply Reply Quote 0
        • Sean
          Sean Module Developer @seby2 last edited by Sean

          @seby2
          I don’t know what kind of frame you meant.
          Anyway, some CSS could be a help.

          0_1575883123929_e8b5a1ab-d6c2-47d5-95e0-acc8ae4d577e-image.png

          #GPHOTO {
            border:5px solid #F00;
            border-radius:20px;
          }
          
          S 1 Reply Last reply Reply Quote 0
          • S
            seby2 @Sean last edited by

            @Sean tks Sean, probably I don’t do it correctly. But when I have a picture that is landscape, it seems to work, but when it goes to a portrait one, the the frame stay landscape.
            But maybe I did not put it correctly in the CSS.
            tks
            Seby

            Sean 1 Reply Last reply Reply Quote 0
            • Sean
              Sean Module Developer @seby2 last edited by

              @seby2
              In that case, it is related to mode. That option makes your photo might have an extra space for filling image to your target area.

              S 1 Reply Last reply Reply Quote 0
              • S
                seby2 @Sean last edited by

                @Sean said in MMM-Google Photo Border Frame Matte.:

                @seby2
                In that case, it is related to mode. That option makes your photo might have an extra space for filling image to your target area.

                Tks Sean, I think you lost me on that one, I don’t understand what you mean by mode and nither on how I could fix that lol. Sorry, I’m really new in that raspberry world.

                Sean 1 Reply Last reply Reply Quote 0
                • Sean
                  Sean Module Developer @seby2 last edited by

                  @seby2
                  0_1575898155219_1212.png

                  mode directs how to fill the image in your target area(position).
                  https://cssreference.io/property/background-size/

                  S 1 Reply Last reply Reply Quote 0
                  • S
                    seby2 @Sean last edited by

                    @Sean Oh, I see.
                    If i’m in hybrid and I do have both landscape and portrait photos, what can I do?
                    Is there a work around that?
                    Tks
                    Seby

                    Sean 1 Reply Last reply Reply Quote 0
                    • Sean
                      Sean Module Developer @seby2 last edited by

                      @seby2
                      Hmmm. Frankly, it is somewhat difficult request.
                      You can add a border to the area but not to photo directly. If you are using cover, the image will cover the whole the area(but some edge will be cut), so area and photo will take the same space. But in other cases, still some margin will show.
                      Sorry, I think it could not be done without modifying the module.

                      1 Reply Last reply Reply Quote 0
                      • 1 / 1
                      • First post
                        Last post
                      Enjoying MagicMirror? Please consider a donation!
                      MagicMirror created by Michael Teeuw.
                      Forum managed by Paul-Vincent Roll and Rodrigo Ramírez Norambuena.
                      This forum is using NodeBB as its core | Contributors
                      Contact | Privacy Policy