Note: This pricing table has a desktop & tablet layout and a separate mobile layout, controlled via each row’s visibility settings. You can remove the HTML IDs from each of the rows, they’re only there to help you identify the layouts. There is no additional CSS, everything is styled within the blocks.

Note: This sticky card effect is scroll-responsive and will automatically adjust if you remove or duplicate cards. Just be aware that you have limited vertical space on mobile.

The (minimal) CSS is contained in the Custom CSS box in the advanced tab of the parent row and you don’t need to edit that.

Copy the JavaScript in the Custom HTML block to the footer area of page scripts, or a code snippets plugin. If you copy to page scripts, you must keep the <script> tags.

There are variables in the Javascript you can edit to your liking under the ‘Customisable Values’ comment. Each has an explanation beside it.

If you want to change the space between the top of the cards and the top of the viewport, do this in the Advanced Tab > Sticky Settings > Sticky Header Offset for each of the sections named ‘Sticky Card.’ You may also need to adjust the padding values in the customisable option in the Javascript if you change offset value.

All content should be placed in the ‘Sticky Card Inner’ sections. You can put whatever you like in here but make sure the section retains the ‘bb-sticky-card-inner’ custom CSS class.

Stylish WordPress Themes
for Modern Bloggers & Creators

Nadia Theme for Kadence

Every theme comes with the following included as standard:

• Cloud blocks & full page layouts
• 12 months technical support
• Unlimited usage
• Free lifetime updates

Take Nadia for a test drive

Elodie Theme for Kadence

Every theme comes with the following included as standard:

• Cloud blocks & full page layouts
• 12 months technical support
• Unlimited usage
• Free lifetime updates

Take Elodie for a test drive

Raven Theme for Kadence

Every theme comes with the following included as standard:

• Cloud blocks & full page layouts
• 12 months technical support
• Unlimited usage
• Free lifetime updates

Take Raven for a test drive

Liora Theme for Kadence

Every theme comes with the following included as standard:

• Cloud blocks & full page layouts
• 12 months technical support
• Unlimited usage
• Free lifetime updates

Coming Soon!

Note: Each skillbar is made up of 2 sections inside a section within the parent section. If you want more than 4 skillbars simply duplicate one of the bar# sections.

Editing the skillbars

The first section inside each bar# contains a Count Up block. Edit the Ending Number in this block (and the title) .
The second section inside each bar# contains a Spacer/Divider block. Edit the Divider Width to match the number in your Count Up block.

That's all you need to do, but here's some more info...

The background colour of the bar is controlled by the Spacer/Divider section background settings
The colour of the bar is controlled by the Spacer/Divider color

A short and sweet title for this section.

Use a clear and attention-grabbing short paragraph to engage your audience and draw them into reading the rest of your content.

Overline

Add a Short Title Here

Add a Short Title Here

Use this space to add a medium length description. Be brief and give enough information to earn a click.

Add a Title

Add a brief description to your card.

Overline

Add a Title

Use this space to add a medium length description. Be brief and give enough information to earn a click.

90%

Add a Short Title Here

Use a clear and attention-grabbing short paragraph to engage your audience and draw them into reading the rest of your content.

Stat Title

---

Add a Title

Add a brief description to your card.

72%

38%

Add a Title

Add a brief description to your card.

Overline

Overline

Add a Short Title Here

Use this space to add a short description. It gives enough info to earn a click.

Use this space to add a medium length description. Be brief and give enough information to earn a click.

Call to Action