Advanced Styling Options (Pro & Max)

Unlock gradient backgrounds, button effects, custom CSS, animated backgrounds, and more on Pro and Max plans.

Pro and Max plans unlock extra styling controls in the Style tab of the builder. These live inside the Layout & Animation and Advanced accordion sections.

Pro plan

Gradient background

In the Colors section, toggle on Gradient Background to swap the solid background for a gradient. You’ll get controls for:

  • Type: Linear (straight fade) or Radial (radiating from center)
  • Two color pickers for the gradient colors
  • An angle slider (0-360 degrees) for linear gradients

Toggle it off to go back to a solid color.

Button shadow

In the Buttons section, Button Shadow adds depth to your link buttons. Options: None, Small, Medium, and Large.

Hover effect

Also in Buttons, Hover Effect changes what happens when someone hovers over a button. Options: None, Lift (button rises slightly), Glow (soft glow around the button), and Fill Slide (a color fill sweeps across).

Title font

In the Typography section, you can pick a separate font for your hub’s title, independent of the body font. Handy if you want the heading to feel different from the rest of the page.

Layout

In the Layout & Animation section, the Layout control changes content alignment. Centered is the default. Left Aligned shifts everything to the left. Card wraps your content in a semi-transparent card over a blurred background.

Animation

Also in Layout & Animation, the Animation control sets how elements appear when the page first loads. None shows everything instantly. Fade In and Blur In are both smooth transitions. Slide Up moves elements upward into view. Stagger makes elements appear one after another with a short delay. Scale In grows elements from small to full size.

Max plan

Max includes everything from Pro, plus three more controls in the Advanced section.

Custom CSS

A text area where you can write your own CSS, scoped under .link-hub-custom so it only affects your hub. Up to 5,000 characters. CSS is sanitized on the server, so things like url(), @import, and similar are stripped out.

Animated background

Preset background animations you can pick from: None (static), Gradient Shift, Pulse, Mesh Gradient, and Subtle Pattern. Try a few to see which works with your color scheme.

Header layout

Changes the structure of the header area. Default puts the title and description below the header image. Split arranges them side by side. Compact tightens the spacing. Minimal strips it down to just the header image with very little text.