Place the canvas wherever you would like on the page and double click on each of the embed boxes to bring up the embed code if you would like to change the color.
In your current design, go to the desired page you would like to add your new canvas to. Click the page title in the left sidebar and from the ••• settings menu click Add From Library. Go to My Library and locate the Radiating Button Features Canvas Add On by Northfolk, select either page and the Radiating Button Features canvas, Apply My Fonts and Colors and ADD.
Radiating Button Features
Instructions for your new
Preview instructions on Desktop :)
<div class="container">
<div class="loader"></div>
</div>
<style>
.container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.loader {
height: 40px;
width: 40px;
border-radius: 50%;
background-color: #ffffff;
animation: 1.5s pulse infinite ease-in-out;
}
@keyframes pulse {
0% {
box-shadow: 0 0 0 0 #ffffff;
}
100% {
box-shadow: 0 0 0 14px #ffffff00;
}
}
</style>
Here is the code and highlighted instructions on what to change:
- Changes the color of the radiating button.
Changing the radiating button placement is easy! We recommend locking your background image (if using the alt features), opening up the corresponding canvas view popup and selecting all the layers at one time and placing the radiating button in the exact place you would like it. From there you can adjust the colors and content of your popup.
