Pendo lightboxes have a few default positioning options: Centered, top aligned, bottom aligned, or relative to element. If you have a situation where you need to position a Guide in a corner, you can do this using our Custom Code Building Block. This recipe explains how you can move a lightbox Guide to the bottom right corner of your screen.
Ingredients (What You Need)
- Pendo Admin permission for your subscription or the following:
- User permission to create Guides
- User permission to publish Guides
How To Make It
Step 1. Create a new Guide and add the Building Blocks of your choice.
Step 2. Add a custom code building block anywhere on your guide. It will not be visible to your end users.
Step 3. Insert the code below into the CSS tab.
top: initial !important;
bottom: 20px !important;
left: initial !important;
right: 20px !important;