Fish Wishlist
  • Overview
    • Fish Wishlist App
    • Pricing
  • Install & Setup
    • Getting Started
    • Theme Setup
      • Enable app embeds
      • Add app blocks to your theme
      • Add code snippet to collection grid
    • App Configuration
    • Checkout Upsell Widget
    • Account Portal
  • Customisation
    • Custom Styling
    • Copy & Translations
  • Wishlist Sharing
  • Integrations
    • GA4 Integration
    • Meta Integration
    • Klaviyo
    • FoxSell Bundles
  • FAQ
    • Common Issues
Powered by GitBook
On this page
  • Custom Styling
  • Custom CSS
  1. Customisation
  2. Custom Styling

Product Page Button

Last updated 7 months ago

Custom Styling

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

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.

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

Font colour:

Background:

Border colour:

Font colour hover:

Background colour hover:

Border colour hover:

Custom CSS

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

Edit the CSS for any of your Wishlist features