---
title: Style the button
description: "- **Alignment:** left, center or right. - **Spacing:** above and below the button. - **Style:** filled, outline, text link, or icon only (round). - **Icon:** eye, magnifier, expand, plus, shopping bag, arrow, custom SVG, or no icon, before or after…"
url: "https://cpodkit.com/docs/style-the-button/"
updated: "2026-10-22"
category: Quick View
---

# Style the button

- **Alignment:** left, center or right.
- **Spacing:** above and below the button.
- **Style:** filled, outline, text link, or icon only (round).
- **Icon:** eye, magnifier, expand, plus, shopping bag, arrow, custom SVG, or no icon, before or after the text. For a custom SVG, paste the code of an icon (for example from Heroicons) and use `fill="currentColor"` so it follows the text color.
- **Look:** full width, uppercase text, font weight, text size, corner radius.
- **Colors:** button color, text on the filled button, background and text on hover.
- **Button text:** default *Quick view*.

### View full details button

Shown right below Add to cart in the popup, linking to the product page. It has the same style options, or can be hidden.