cta cards1
Note: The ‘see more’ buttons on these CTA cards are actually part of the subtitle field and styled as buttons using the ‘highlight’ text feature. The image overlay block does not provide settings to style highlighted words so this is done via the CSS in the parent row’s Custom CSS settings. If you use highlighted…
profile cards- zoom in
Jack Black Si longus, levis. Sed quanta sit alias, nunc tantum possitne esse tanta. Res enim concurrent contrariae. John Green Si longus, levis. Sed quanta sit alias, nunc tantum possitne esse tanta. Res enim concurrent contrariae. James White Si longus, levis. Sed quanta sit alias, nunc tantum possitne esse tanta. Res enim concurrent contrariae.
fixed icon menu
Note: This icon menu is designed to be used in a Kadence element so it sticks to the side of the screen on all pages. To use this block, copy the section to a new Kadence element and apply the following settings: Element type: FixedPlacement: Fixed Bottom (no space below footer)Width: AutoPosition: Right Display SettingsShow…
icon button 3
Note: The CSS for these buttons is contained in the parent row Custom CSS box. The icon background colour adopts the colour of your buttons set in the customiser, but in reverse. You can change the background colour of the button itself, and the button text and icon colour in the block settings. Control the…
icon button 2
Note: The CSS for these buttons is contained in the parent row Custom CSS box. The icon background colour adopts the colour of your buttons set in the customiser, but in reverse. You can change the background colour of the button itself, and the button text and icon colour in the block settings. Control the…
icon button 1
Note: The key to getting a smooth line when using diagonal gradients is to leave a 1% gap between the colours. If the gradient is horizontal or vertical, you don’t need to leave a gap. When using border radius there is a faint coloured outline on hover. You can probably see it here inside the…
Accordion icons
Note: These info accordions use your customiser button colour settings for the icons. There are two CSS variables you can adjust at the top of the CSS in the parent row’s Custom CSS toggle. :root {–bb-info-accordion-1-spacing: 20px;–bb-info-accordion-1-icon: 35px;} ‘–bb-info-accordion-1-spacing’ controls the padding around the icon, and the margin between the icon and the title.‘–bb-info-accordion-1-icon’ controls…
accordion 1
FAQ Have a question? Prempt and address any questions your ideal customer might have about your program or that they may see as a barrier to entry. Question not answered?
Sticky Mobile Footer Menu
NOTE: This sticky mobile menu can be used inside a Kadence element, or as a widget added to the footer in your customiser. For instructions on how to apply this menu visit https://brandandbuild.me/kb-article/bb-blocks/#using-blocks or preview this page and click this box to be redirected. Be sure to delete this text block when you’re ready to…
Animated Hero1
Note: You can use 1-5 blocks inside the right section and the animation will slide each element in automatically with a timed delay that creates the cascade effect. You can use any type of block. We’re an awesome web design & SEO agency. With that little something extra. Why not get in touch, we’d love…