# Toolit Kit- Hero Sizing **URL:** \ **Category:** Need help\ **Created:** [September 8, 2019, 3:17pm UTC](https://forum.bubble.io/t/toolit-kit-hero-sizing/66346 "2019-09-08T15:17:47Z")\ **Posts on this page:** 8\ **Page:** 1
**Author:** ![hye](https://avatars.discourse-cdn.com/v4/letter/h/45deac/32.png) [@hye](https://forum.bubble.io/u/hye)\ **Post date:** [September 8, 2019, 3:17pm UTC](https://forum.bubble.io/t/toolit-kit-hero-sizing/66346/1 "2019-09-08T15:17:48Z")
Will this plugin work for Groups? I having difficulty making it work. I would like to set a reusable group to the centre of the page. (50% offset top) Could you make example page for this @AliFarahat. ![hero](https://us1.discourse-cdn.com/bubble/original/3X/e/0/e0e2f51d7626b65f245faf0d3ffc4c684305611f.gif) ---
**Author:** ![AliFarahat](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/alifarahat/32/189604_2.png) [@AliFarahat](https://forum.bubble.io/u/AliFarahat)\ **Post date:** [September 10, 2019, 12:05am UTC](https://forum.bubble.io/t/toolit-kit-hero-sizing/66346/2 "2019-09-10T00:05:04Z")
I was planning on making a video but I had to travel. Yes it can do that. Place the hero element and stretch it from the top of the page to the top of the group. Set the offset to 50%. Add an Id to the group you want to center and add that ID to the hero element offset field. You may need to tinker a bit with the 50% offset till you get it right. The page should end right after the group. ---
**Author:** ![hye](https://avatars.discourse-cdn.com/v4/letter/h/45deac/32.png) [@hye](https://forum.bubble.io/u/hye)\ **Post date:** [September 10, 2019, 1:11pm UTC](https://forum.bubble.io/t/toolit-kit-hero-sizing/66346/3 "2019-09-10T13:11:44Z")
Ok gotcha, thanks for making this very helpful plugin. ---
**Author:** ![AliFarahat](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/alifarahat/32/189604_2.png) [@AliFarahat](https://forum.bubble.io/u/AliFarahat)\ **Post date:** [November 6, 2019, 11:47pm UTC](https://forum.bubble.io/t/toolit-kit-hero-sizing/66346/4 "2019-11-06T23:47:11Z")
For anyone else looking for a tutorial please see here > [@Toolit Kit - Hero Sizing Element Video Tutorial](http://forum.bubble.io/t/toolit-kit-hero-sizing-element-video-tutorial/71154): > > Hello All, I know some you were asking for this! So here it is smile This a comprehensive tutorial on how to achieve a hero effect in your bubble apps using the Toolit Kit plugin - Hero Sizing Element I am also working on a comprehensive documentation site for other plugins I have and many more that I did not release yet Please check the video description for the links to the editor and example ---
**Author:** ![eli](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/eli/32/42610_2.png) [@eli](https://forum.bubble.io/u/eli)\ **Post date:** [November 7, 2019, 12:05am UTC](https://forum.bubble.io/t/toolit-kit-hero-sizing/66346/5 "2019-11-07T00:05:34Z")
Side note, what software did you use for that little clip @hye? ---
**Author:** ![Taiheta](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/taiheta/32/65061_2.png) [@Taiheta](https://forum.bubble.io/u/Taiheta)\ **Post date:** [November 7, 2019, 12:08am UTC](https://forum.bubble.io/t/toolit-kit-hero-sizing/66346/6 "2019-11-07T00:08:20Z")
[https://principleformac.com](https://principleformac.com) I forgot the password to that account 🙂 ---
**Author:** ![eli](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/eli/32/42610_2.png) [@eli](https://forum.bubble.io/u/eli)\ **Post date:** [November 7, 2019, 4:01am UTC](https://forum.bubble.io/t/toolit-kit-hero-sizing/66346/7 "2019-11-07T04:01:39Z")
Thanks @Taiheta! ---
**Author:** ![system](https://us1.discourse-cdn.com/bubble/original/3X/2/8/2847faa74692c2ffa5d939d3dc3724cdd060d247.png) [@system](https://forum.bubble.io/u/system)\ **Post date:** [November 17, 2019, 3:17pm UTC](https://forum.bubble.io/t/toolit-kit-hero-sizing/66346/8 "2019-11-17T15:17:53Z")
This topic was automatically closed after 70 days. New replies are no longer allowed.