---
title: Form Styling Options in Name Your Price
description: Match the WooCommerce offer form popup to your store with width and header and footer color options. Free.
url: "https://wpfactory.com/docs/form-styling-options/"
updated: "2026-09-26"
category: How to
tags:
  - Name Your Price
---

# Form Styling Options in Name Your Price

## How to style the offer form popup

To style the offer form popup in [Name Your Price: Make Your Own Offer for WooCommerce](https://wpfactory.com/item/price-offers-for-woocommerce/), go to WPFactory > Price Offers and open the Styling section. Set the popup width and the header and footer background and text colors. The footer bar only shows when you set a Form footer in the Form section. These styling options are free.

Go to **WPFactory > Price Offers** (also reachable at **WooCommerce > Settings > Price Offers**) and open the **Styling** section.

![Name Your Price form styling options](https://wpfactory.com/wp-content/uploads/Name-your-price-plugin-Styling.jpg)

### Styling options (all free)

| Label | Option ID | Default |
| --- | --- | --- |
| Width | `alg_wc_price_offerings_styling[form_content_width]` | 80% |
| Header background color | `alg_wc_price_offerings_styling[form_header_back_color]` | #3d9cd2 |
| Header text color | `alg_wc_price_offerings_styling[form_header_text_color]` | #ffffff |
| Footer background color | `alg_wc_price_offerings_styling[form_footer_back_color]` | #3d9cd2 |
| Footer text color | `alg_wc_price_offerings_styling[form_footer_text_color]` | #ffffff |

**Width** accepts any CSS length, such as `80%` or `500px`. The header and footer colors apply to the top and bottom bars of the popup. The footer bar only shows when you set a **Form footer** in the Form section. Use the **Reset section settings** checkbox to return to the defaults above.

### Get more control

Popup styling is free. [Name Your Price: Make Your Own Offer for WooCommerce](https://wpfactory.com/item/price-offers-for-woocommerce/) Pro adds per-product, per-category, and per-variation targeting plus auto-accept and auto-reject rules. [See what Pro unlocks](https://wpfactory.com/item/price-offers-for-woocommerce/).

Related articles

- [Form and Notice Options in Name Your Price](https://wpfactory.com/docs/form-and-notice-options/)
- [How to Customize Form Field Options in Name Your Price](https://wpfactory.com/docs/form-field-options/)
- [Getting Started with Name Your Price for WooCommerce](https://wpfactory.com/docs/use-name-your-price-plugin/)
- [Email Options in Name Your Price for WooCommerce](https://wpfactory.com/docs/email-options/)
- [How to Craft the Offer Button in Name Your Price](https://wpfactory.com/docs/custom-offer-button/)

 

[![Name Your Price: Make a Price Offer for WooCommerce](https://wpfactory.com/wp-content/uploads/Price-Offers-for-WooCommerce.webp)](https://wpfactory.com/item/price-offers-for-woocommerce/)