# Membership Page

## To create Membership page:

1. Go to **Pages** from the admin menu
2. Click the **New page** button in the top right corner
3. Add the heading "**Membership"**&#x20;
4. Click <img src="https://2050339142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSzOw1ZsZg7VFi5X1DS0b%2Fuploads%2FgAB7mrLcrGAtFgHAw32V%2F01.png?alt=media&#x26;token=1b2b4739-3060-4187-bfba-d3907e226a8c" alt="" data-size="line"> icon in the top right corner to open the **Page settings**
5. Enter **`membership`** in **Page URL** setting input!
6. Click the **Template** selector and choose the **Membership** option
7. If you want, you can add an **excerpt**, that would be under the **"Membership"** title. To do this, add your preferable text inside the **Excerpt** setting text input.
8. Click **Publish**

{% hint style="info" %}
The **Membership** page in our theme supports adding **content** (e.g. **FAQs**). You can add any content you want, and it will be under membership tiers cards. **If you want to add FAQs:**

1. Add any **Heading** (e.g. "FAQ" or "FAQs").&#x20;

   <figure><img src="https://2050339142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSzOw1ZsZg7VFi5X1DS0b%2Fuploads%2FUDJ6bZmNK5HJaXvRPXIw%2F11.png?alt=media&#x26;token=9e2051b9-4b55-438e-86e6-752c0c16366e" alt=""><figcaption></figcaption></figure>
2. To add **a question with an answer** - just simply add **Toggle** element.&#x20;

   <figure><img src="https://2050339142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSzOw1ZsZg7VFi5X1DS0b%2Fuploads%2FTnGRjUdtVPWWKmha5Ved%2F12.png?alt=media&#x26;token=d0c4644b-174f-4b27-a99d-7c6cf3b19786" alt=""><figcaption></figcaption></figure>

{% endhint %}

### To cutomize border-radius for tier card:

* Access the **Settings** > **Code Injection** from the admin menu.
* Click <mark style="color:green;">**Open**</mark>
* In the provided space, specify the desired border-radius using the appropriate CSS variable. For example:

  ```html
  <style>
      .tier-card:nth-child(1){
      border-top-left-radius: var(--border-radius-blocks);
      border-bottom-left-radius: var(--border-radius-blocks);
    }

    .tier-card:nth-child(3){
      border-top-right-radius: var(--border-radius-blocks);
      border-bottom-right-radius: var(--border-radius-blocks);
    }
  </style>
  ```

  <figure><img src="https://2050339142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSzOw1ZsZg7VFi5X1DS0b%2Fuploads%2FHWDZyg81ooDTcW2HI4MQ%2F6.JPG?alt=media&#x26;token=9c02b91c-0e5f-4a43-9d3a-b47d86c44aca" alt=""><figcaption></figcaption></figure>
* Click <mark style="color:green;">**Save**</mark>

{% hint style="info" %}
Starting with Ghost 6.0, themes will display a maximum of 100 **tiers** on the membership page.
{% endhint %}
