Hi, I’m trying to achieve a border change hover effect in a repeater but I’m having a hard time doing it in Wix Editor.
I have a repeater with multiple container elements, which by default don’t have a border. Then, when hovering, I want a border to appear, simple as that.
The repeater’s container element only shows these settings in the design window, and Hover mode doesn’t show anything related to borders…
Does anyone know how to do it?
Thanks in advance!
As far as I know, it’s not available out of the box.
You might find it possible with some code, or perhaps adding a box within the repeater item and then animate that element
1 Like
@noahlovell Thank you for the fast reply!
I see… Yes, adding a box also crossed my mind. The thing is, inside each element’s container I have text elements, and they are longer sometimes, which makes the repeater element automatically taller, and when that happens, the box I added becomes short compared to the repeater element itself… Is there any way of linking the height of the box to the repeater element? (Some kind of parent relation in layers maybe…?)
Are the text etc attached to the box? That would normally push the box down too.
1 Like
@noahlovell
Ah I see what you mean.
I thought of making everything in that child box, which would be handling the border, the growing hover effect and the image background. However, I wasn’t able to add an image to the box, so what I did was keep the image in the repeater element container and add the growing effect to it, and then handle only the border in the child box, while NOT adding any growing effect (as the parent already had it) or any background fill.
Thanks for the tip! You saved me a ton of time! 
I want to share the result but there are still a few points to take care of before I can share the whole website with the community. I’m eager to do it! I’ll get back here to add a link so the result can be seen later.
Thanks once again!
1 Like