Services Plugins FAQs

Daty - HTML frame resizing

#1

Hi
I’m looking to change the design of the matching page on Daty, to make the user profile image smaller. I’d appreciate a quick how-to on this. Looks like the sizes of the Tinder pile, the group that contains it and the HTML code will all need to change, but I can’t work out how to do it - my experimenting is giving unpredictable results so I’d appreciate help.
Thanks
Shane

#2

Hello, @shane.holohan1! Thanks for reaching out.
Please accept my apologies for the late reply.

For doing this, you need to go to your template editor, find the Popup Match on the index page and change the size of the user’s profile image element:

image
image1333×672 65.8 KB

To change the size of the image element you would simply toggle the dots on the image edges.

To avoid any unpredictable results, while customizing your template, please obtain some Bubble skills first. You need to have beginner Bubble knowledge for being able to use the template, made on the Bubble platform, with comfort and confidence. These educational resources should help:

I hope this information will be useful for you.
Take care. :slightly_smiling_face:

#3

Hi @kate
Thanks for getting back to me. I think I’ve not clearly described the element I want to edit … it’s the main image on the tinder pile that I want to make smaller. It looks like the masking of this is being controlled by the object called HTML A.

Screenshot 2021-02-22 at 16.17.42
Screenshot 2021-02-22 at 16.17.421964×714 214 KB

Screenshot 2021-02-22 at 16.18.09
Screenshot 2021-02-22 at 16.18.09886×1112 194 KB

So simply rescaling the tinder pile doesn’t work. If you could explain how to make this smaller that would be great.

Thanks
Shane

#4

@shane.holohan1,

Thanks for the clarification. :slightly_smiling_face:
For changing the profile image size on the index page, inside the Group search, you need to change the size of the TinderPile User element:

I hope it helps.
Regards,

#5

Thanks Kate
That worked. The group being smaller than the object it contains took a little getting used to, but it’s working now.
When first trying I was just dragging the corner handle of the group which produced very strange results, but I understand now why. And I assumed the HTML was the issue but clearly it isn’t, so thanks again
Shane

1 Like
#6

@shane.holohan1,

You are always welcome. I’m glad my advice was helpful.:slightly_smiling_face:

Feel free to reach out when you have some questions.
Take care.