> For the complete documentation index, see [llms.txt](https://wishlist.nativeappco.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wishlist.nativeappco.com/customisation/custom-styling/product-page-button.md).

# Product Page Button

## **Custom Styling**

Within the theme editor, you can apply custom styles to our wishlist drawers via our 'Wishlist' app embed settings.

<figure><img src="https://1134778209-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMp2ekCAtVgFUnsQlGWfX%2Fuploads%2FaKzPq3LpFnJBIv30uAZL%2FScreen%20Shot%202024-11-09%20at%2011.13.44%20pm.png?alt=media&amp;token=adfe7365-fd28-4df2-beb9-73155c6e7b40" alt="" width="182"><figcaption></figcaption></figure>

{% tabs %}
{% tab title="Position" %}
**Primary text colour:** Set colour code for the primary text colour which will apply in our wishlist drawers.

**Secondary text colour:** Set colour code for the secondary text colour which will apply in our wishlist drawers.

**Tertiary text colour:** Set colour code for the tertiary text colour which will apply in our wishlist drawers.

**Drawer background colour:** Set colour code for the background colour which will apply to our wishlist drawers.
{% endtab %}

{% tab title="Button" %}

{% endtab %}

{% tab title="Button Colours" %}
**Button font size:** Controls font size of text within buttons

**Vertical padding:** Controls top/bottom padding within buttons

**Horizontal padding:** Controls left/right padding within buttons

**Border radius:** Controls border radius of buttons
{% endtab %}

{% tab title="Button Hover Colours" %}
**Font colour:**

**Background:**

**Border colour:**

**Font colour hover:**

**Background colour hover:**

**Border colour hover:**
{% endtab %}
{% endtabs %}

## **Custom CSS**

Within each section you can add Additional CSS to tweak the appearance of your wishlist functionality.

<figure><img src="https://1134778209-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMp2ekCAtVgFUnsQlGWfX%2Fuploads%2FUElf0QgSkIcDKQHrQuaC%2Fimage.png?alt=media&amp;token=96622fb4-8be3-40ff-9511-3a26ec960780" alt="" width="299"><figcaption><p>Edit the CSS for any of your Wishlist features</p></figcaption></figure>