> 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="/files/79mZ0KWWdv8HymcHPLU7" 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&#x20;

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

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

{% tab title="Button Hover Colours" %}
**Font colour:**&#x20;

**Background:**

**Border colour:**

**Font colour hover:**&#x20;

**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="/files/2asE9JESWfAzcyiCDOeJ" alt="" width="299"><figcaption><p>Edit the CSS for any of your Wishlist features</p></figcaption></figure>