Product Page Button

Custom Styling

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

{% 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.