Hi! I'd like to keep a gallery of my past outfits (in wardrobe code) in a widget box on my profile. However, it stretches the page way too much when they're like this: 1 outfit per "line of text". Is there a way to resize them, so I can fit 2 next to each other in a 3-column profile widget? Or maybe just some way in general to assign a fixed size to posted pictures?

i think this would do it:

.text_center.mx-auto { width: 49%; display: inline-block; }

this will allow the outfits to sit next to each other while each only taking up a little less than half of the column's full width (at 50% each they still pop to the next line on narrower screens).

if the "view in wardrobe" button is too big for your liking, you can resize it with:

.btn.btn-primary.btn-sm { transform: scale(80%); }

hope that works! let me know if you have any other questions.

thank you, I got it working! It took a bit of tweaking, since it still displays the box around the HA preview, but resetting the column borders (padding?) did the trick.

hmm, on my end it looks like they're still defaulting to 200px wide. try adding !important after the new width.

width: 45%!important does not seem to have effect. But border: 0!important at least makes the ugly lines disappear, so that's a step forward. ^^;

the width looks to be calculating properly now. looking at the source code, it appears the !important is indeed overriding the 200px width, sooo... glad that worked out 😅

well, image size does not seem to change on my side, but I got the result I was after, so I'm content either way. :D Thanks for all the help!