Actions

Creating and managing YCW actions

Actions

Actions are YCW-specific action items displayed on the website with custom styling.

Creating an Action

Step 1: Open the Actions Tab

  1. Navigate to Content in the sidebar
  2. Click the Actions tab
  3. Click Create New

Step 2: Fill in Action Details

Title (Required)

  • Name of the action
  • Example: "Support Local Youth"

Description (Required)

  • Brief description of the action
  • Appears in action listings

Content (Optional)

Icon (Required)

  • Choose an icon from the icon picker
  • Icons are from Heroicons library
  • Example: SparklesIcon, HeartIcon, etc.

Gradient Class (Required)

  • CSS class for gradient background
  • Predefined options available
  • Example: "from-red-500 to-pink-500"

Accent Class (Required)

  • CSS class for accent color
  • Matches the gradient theme
  • Example: "text-red-500"

Link (Optional)

  • URL where the action leads
  • Can be internal or external
  • Example: "/actions/support-youth" or "https://example.com"

Cover Image (Optional)

  • Large image displayed with the action
  • Upload or select from library

Display Order (Optional)

  • Number controlling sort order
  • Lower numbers appear first
  • Default: 0

What you'll see: Form fields including an icon picker (shows available icons), color/gradient selectors, and all other standard fields.

Step 3: Choose Visual Styling

Icon Selection:

  • Browse available icons
  • Icons are organized by category
  • Click to select

Gradient Selection:

  • Choose from predefined gradients
  • Or enter custom Tailwind CSS classes
  • Preview shows how it will look

Accent Color:

  • Select matching accent color
  • Used for text and borders
  • Should complement the gradient

What you'll see: Visual selectors showing icons and color options. You can preview how the action will look before saving.

Step 4: Add Tags and Set Publishing

See Using Tags and Scheduling Content.

Step 5: Save

Click Save to save your action.

Action-Specific Features

Visual Display:

  • Actions appear as cards with icons and gradients
  • Highly visual and engaging
  • Can be featured on the homepage

Display Order:

  • Control the order actions appear
  • Lower numbers appear first
  • Useful for featuring important actions

Editing and Deleting Actions

Same process as News Articles - navigate to the action, click Edit, make changes, and Save. Or click Delete to remove.

Related Guides

Edit this page
Events
Creating and managing events
Rich Text Editor
Using the rich text editor