Tinder Pile edit Height through CSS

Hello,

First you need to enable HTML IDs.

Then download this plugin.

Put the Browser element that comes with the plugin somewhere on the page.
image

Create a workflow
Page is loaded > Get Screen Height From Browser (This action in the elements actions)

Save the number returned by this plugin. Custom state is a good way to do this.

image

Switch to tinder pile element and define an ID for it.

Put an HTML element in your page and add this CSS Code:

image

The SearchR Screen Height expression you see here is my Custom State. Use your own here.

You recorded the screen height with the workflow, specify how much it should be shortened according to the screen height. Your Custom State Number - 200px, like.

You will have to make more fine adjustments on different screens, and you can solve this with conditions.

Obviously, the problems you will experience with Tinder Pile will not end there. If you wish, there is another plugin where you can make these settings much easier, you can use it.

Hope it helps!
Eren

1 Like