Documentation Index

Fetch the complete documentation index at: https://www.civicplus.help/llms.txt

Use this file to discover all available pages before exploring further.

Customize Button Design with Design Center Pro

Prev Next

System Admins with Design Center Pro access can use advanced design style options to customize buttons.

Important Note:

This function may incur an additional cost, please contact your Customer Success Manager for more information.

Who can use this feature?

System Admin

Instructions

  1. Add a Button widget to your page

  2. Select the Design tab Design.png

  3. Fill in Design Options Design_Options.png

    • Theme / Default: Select a theme and style

    • Section: Select a section to view

    • Normal / Hover: Configure options (color, gradient, image, border) for each image

    • Spacing Sizing: View and configure margin, padding, width x height

      • Force Square: Force this button to always display as a square

    • Advanced Styles: Add CSS code for different link styles (visited, hover, active)

  4. View your button

  5. Save your page Save_Page.png