Gooey

In this Gooey setup guide, you will learn all you need to know about setting up your product.

Please note that items can be purchased separately or in a bundle. This page will guide you through the setup process. If you have any questions that aren’t answered in this setup guide, please feel free to contact us.

Fonts

Please make sure to install any fonts if you want to match the style of this design.

• Dosis - This is the primary font used

Setup Guides

Colors

#008CFF

#000000

Custom Alert Options

These options are found in the Custom Fields tab.

• Animation Speed – The percentage speed that widget animations plays at. Default: 100.
• Gooeyness – increase or decrease the goo effect. Default: 6.
• Goo Opacity – opacity of the goo area. Higher is more solid. Default: 100.
• Pause time – amount of time the alert pauses for before it animates out. Default: 6.
• Font family used for the top and bottom text box. Default: Dosis.
• Top font color. Default: #FFFFFF
• Top font size. Default: 30.
• Bottom font color. Default: #172741
• Bottom font size. Default: 20.
• Alert distance from the top. Default: 50.
• Top line– text template. Default: Differs per alerts. You can use dynamic tags like {name}, {amount}, {count}, and {product} here.
• Top goo area offset – moves the top goo area up or down. Default: 0.
• Top goo roundness – increase or decrease the roundness of the goo corners. Default: 30.
• Bottom line – text template. Default: Differs per alerts. You can use dynamic tags like {name}, {amount}, {count}, and {product} here.
• Bottom goo area offset – moves the top goo area up or down. Default: 0.
• Bottom goo roundness – increase or decrease the roundness of the goo corners. Default: 10.
• Bottom from – the distance the bottom goo comes from. For example, -40 will mean the goo comes from 40 pixels above
• Top goo fill color. Default: #008cff
• Intro blog colors – the color of the blobs that first appear and smash together. Default: #1897ff
• Bottom goo fill color. Default: #00b2ff
• Message Offset – the amount of pixels to offset the usermessage by. For example -100 will move the use message 100 pixels upward. Default: 0.

Custom Event List Options

These options are found in theCustom Fieldstab.

• Name – Font Weight. The thickness of the font for the names. Default: 600.
• Name – Font Size. The font size of the names. Default: 30.
• Tag – Font Weight. The thickness of the font for the names. Default: 800.
• Tag – Font Size. The font size of the names. Default: 30.
• Name – Font Color. Default: #FFFFFF
• Tag – Font Color. Default: #303C68″
• Icon – Fill Color. The color of the icon. Default: #0587CA
• Circle – Fill Color. The color of the circle behind the icon. Default: #FFFFFF
• Main Goo – Color of the main goo/name box. Default: #008cff
• Intro Goo – Color of the intro goo. This is the goo that pops out during the initial animation. Default: #1897ff
• Text Offset – Offset the text vertically to properly align if needed. Default: 0.
• Fade Out Position – Where do you want to start events fading out at? Default: 4.
• Fade Out Opacity – The opacity of faded out elements? Default: 50.

Recent Changes

To receive these updates simply re-download the product via the email link, or on your account page when logged in.

• No updates just yet. Feel Free to check back!

Updated January 20, 2023 16:35