Custom CSS

Fine-tune the styling of your audience page with your own CSS.

For colors, fonts, and your logo, see the Customize page in the admin panel. For more advanced, element-level styling, logged-in admins can open the "Custom CSS" editor directly from the audience page's admin menu (the three-dot icon in the header). This allows you to see your changes in real-time before saving them.

Custom CSS Editor

The "Custom CSS" sidebar gives you full control over the page's styling.

  • CSS Editor: Write any valid CSS to target elements on the page. For example, you could change the color of buttons or the font size of the gig title.
  • Show Selectors on Hover: This is a powerful helper tool. When enabled, hovering over any element on the page will show a tooltip with its unique CSS class name (e.g., .bl-gig-name). You can then use this class name in the editor to style that specific element.
  • Copying Selectors: While holding down Ctrl or Cmd, you can click on any element to automatically copy its selector to your clipboard.

Changes you make in this sidebar are shown live on the page. When you're happy with the result, click "Save". If you close the sidebar without saving, you'll be asked to confirm if you want to discard your changes.

Note: Your custom styles are applied directly to the page. They might be overridden by the theme's default styles. If a style isn't applying, you may need to use more specific selectors or add the !important rule.