The Request a Quote for WooCommerce plugin gives you flexibility in styling both the “Request a Quote” button and the “View Quote List” button to match your store’s branding and design. This guide walks you through how to configure the color options and apply styling via the plugin settings.
Accessing Style Settings
- Navigate to your WordPress dashboard.
- Go to WooCommerce > Request a Quote.
- Click on the Style Settings tab.
Available Style Options
You can set color options using color pickers or manually enter hex codes. The following styling options are available:
Request a Quote Button
- Border BG Color – The border or background color of the quote button.
- Button Hover BG Color – Background color when a user hovers over the button.
- Button Text Color – The text color of the quote button.
- Button Text Hover Color – The text color on hover.
View Quote List Button
- Border BG Color – The border or background of the “View Quote List” button.
- Button Hover BG Color – Hover background color for this button.
- Button Text Color – The text color for the button.
- Button Text Hover Color – The hover state text color.
Styling Tips
- Use contrasting colors for hover states to improve user interactivity.
- Ensure text color is readable against background colors.
- Match the buttons to your store’s overall theme for consistency.
Save and Preview Changes
After making styling adjustments:
- Click Save Changes.
- Visit your shop or product page to preview the updated button styles.