How to edit your widgets Launcher Position
To remove or change the location of your Glow Widget showing on your Shopify site, you can go in Glow to Settings > Account Settings > Advanced Settings > Widget > Launcher Position > select "Hidden" or "Bottom Right, Bottom Left, Top Right or Top Left."
If you select "Hidden," your Glow Widget is removed from your Shopify Site. While if you choose any of the other options, your Glow widget will be displayed based on the selection you make, "Bottom Right, Bottom Left, Top Right, or Top Left."
Change the look of your widget with custom CSS
You can apply custom CSS to your loyalty widget by going to "Settings > Custom CSS." Custom CSS is available on all of our paid plans.
Here you can enter your custom CSS and click "Save CSS" to see it reflected on your website.
Changing the position of your loyalty widget
If you need to change the position of your loyalty widget you can include some CSS in your Shopify theme (not in Glow) to control how it displays on your site.
For example, the CSS below will move your widget UP on the screen.
/* Move the widget UP */
#loyaltyLauncher {
bottom: 85px !important;
}
#loyalty_callout_container {
bottom: 100px !important;
}
For example, the CSS below will move your widget DOWN on the screen.
/* Move the widget DOWN */
#loyaltyLauncher {
top: 85px !important;
}
#loyalty_callout_container {
top: 100px !important;
}
If the widget is overlapping another element and displaying above something on your page, you can move it UNDER other elements by lowering the z-index.
#loyalty_callout_container, #loyaltyLauncher {
z-index: 55 !important;
}
Related Articles:
Please let us know if you have any questions.
Sincerely,
The Glow Team