---
title: "Customise the look of your bundle form"
description: "Customise the looks of your bundle form to match your brand better! Set text, background, border colors and more!"
url: https://help.biscuitsbundles.com/en/articles/9220277-customise-the-look-of-your-bundle-form
collection: "Customise Theme Block"
updated: 2026-10-30
language: en
---

# Customise the look of your bundle form

Customise the looks of your bundle form to match your brand better! Set text, background, border colors and more!

![](https://staticfiles.gleap.io/gattachments/hrV5WasYa3jJuO2X2kAMljyZFW4JtSmy8IJGSzaSypvVplMeiVPH5JH0gTk4oOIptXorqop3DaV.png)

* * *

### 1\. Open your theme editor

We recommend creating a duplicate of your live theme and making changes on an unpublished version to ensure your site remains unaffected during updates.

![Shopify Online Store page with customise button on the live theme highlighted](https://staticfiles.gleap.io/helpcenter/65b350631ff56ccfb3879048/20260331005947_6892.png)

* * *

## 2\. Navigate to your default product template

By clicking on **home page** in the top middle nav bar you can switch to previewing your default product page.

![Shopify theme editor with template selection dropdown open for default product template](https://staticfiles.gleap.io/helpcenter/65b350631ff56ccfb3879048/20260331005947_1664.png)

* * *

## 3\. Open the Biscuits Bundle App Block

Click the **Biscuits Bundle Builder** block under your themes product information/details section to start configuring the look of your bundle form.

![Shopify theme editor open on product template with Biscuits Bundle app block selected](https://staticfiles.gleap.io/helpcenter/65b350631ff56ccfb3879048/20260331005947_6783.png)

* * *

## 4\. Customise

### Colours

-   Product card text color and background
    
-   Input text color and background
    
-   Selected state background and text color
    
-   UI divider and sale text color
    

The variant dropdowns and option buttons on product cards use these same colours: input text color and background, and product card text color and background. There are no separate settings for them. See [Variant selector styles](https://help.biscuitsbundles.com/en/articles/14043210-variant-selector-styles-dropdowns-swatches-and-option-groups.md).

![shopify theme editor with biscuits bundle app block settings open on colour settings](https://staticfiles.gleap.io/helpcenter/65b350631ff56ccfb3879048/20260331005947_6671.png)

### Show/hide features

-   Box shadow
    
-   Selected count badge
    
-   Running totals
    
-   Product title links
    

![Shopify theme editor open on checkbox settings for displaying running totals and count badges](https://staticfiles.gleap.io/helpcenter/65b350631ff56ccfb3879048/20260331005947_8657.png)

### Padding

-   Set the card padding
    
-   Set the space between each card in the grid/slider
    
-   Set the top and bottom padding of the block within the section
    

![Shopify theme editor open in Biscuits Bundle app block settings for padding and margins](https://staticfiles.gleap.io/helpcenter/65b350631ff56ccfb3879048/20260331005947_4279.png)

### Borders

-   Set a border color and radius to match you theme
    
-   Set a border thickness to make your selected grid items stand out
    

![Shopify theme editor open on Biscuits bundle app block for border colours](https://staticfiles.gleap.io/helpcenter/65b350631ff56ccfb3879048/20260331005947_3510.png)

### Input styles

-   Pill
    
-   Rectangle
    
-   Ball
    

![Shopify theme editor open on Biscuits Bundle app block with settings for input styles](https://staticfiles.gleap.io/helpcenter/65b350631ff56ccfb3879048/20260331005947_3840.png)

### Highlight Styles

-   Fill
    
-   Outline
    

![Shopify theme editor open on the Biscuits Bundle app block settings for highlight type outline](https://staticfiles.gleap.io/helpcenter/65b350631ff56ccfb3879048/20260331005947_9239.png)

* * *

## 5\. Custom CSS and Javascript

If your bundle form vision extends beyond the initial blocks settings, Biscuits Bundles also provides custom CSS and Javascript fields at the bottom of block settings.

[Learn more about custom CSS](https://help.biscuitsbundles.com/en/articles/9045765-custom-css.md)

## Recommendations and Best Practices

-   **Don't edit your live theme:** Always work on a duplicated unpublished theme until you're happy with your changes.
    
-   **Testing changes:** Always preview modifications in your store to ensure they align with expectations.
    
-   **Reach out or use a developer:** Reach out to us for minor changes, or consult a developer for complex changes or custom logic.
    

[Learn more about custom Javascript](https://help.biscuitsbundles.com/en/articles/9045771-custom-javascript-and-events.md)

![Shopify theme editor open for Biscuits Bundle app block showing the custom css form field](https://staticfiles.gleap.io/helpcenter/65b350631ff56ccfb3879048/20260331005948_6834.png)

**Could not display content**