Make Your Website Stop Them DEAD in Their Tracks
Ready to make your website the talk of the town? Our Canvas Add Ons are here to help you create stunning, gasp-worthy designs that leave your visitors in awe.
Unique Designs Paired with Smooth Transitions
Expect nothing less than wow-worthy designs with transitions that are smooth as butter.
Highly Customizable Look & Feel for Every Canvas
Adjust layouts, images, and fonts to match your brand's unique vibe.
02.
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.
Here is the code and highlighted instructions on what to change:
- Changes the color of the radiating button.
<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>
Instructions for your new
Radiating Button Features
01.
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.
02.