MMM-Google Photo Border Frame Matte.

seby2

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

seby2

@seby2 any help please?

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;
}

seby2

@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

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

seby2

@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

@seby2

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

seby2

@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

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