Design
Easy Quotes → Design. Four things, saved together.
Header quote link
What shoppers click to open their quote from any page: the text, the icon (built-in or your own upload), the icon size, whether the item count shows, and whether to show the icon, the text, or both.
Where it sits is a separate choice, in the theme editor under App embeds → Easy Quotes → Quote link placement — next to your cart icon, floating in a corner, or nowhere if you’d rather place it yourself with the Quote link block or snippet.
Mini quote
What opens when a shopper clicks that link:
| Style | Behaviour |
|---|---|
| Slide-in drawer | Slides in over a dimmed page. Every plan. |
| Panel under the header link | Drops down under the link, like a cart preview. Pro. |
| Slide in and push the page across | Moves the page over instead of covering it, so the shopper can keep browsing. Pro. |
The push style falls back to the slide-in drawer below 990px, where there’s no room to push anything aside.
Styles
Colour and size pickers for everything Easy Quotes draws: headings, body text, secondary text, links, errors, accent, drawer background, borders, corner radius, and a full set of button styles including hover.
Anything left empty follows your theme. You only fill in what you want to change.
Any colour can point at one of your theme’s own CSS variables instead of a fixed colour, so Easy Quotes tracks your palette when you change it. Choose Use a theme variable and enter one of:
var(--color-primary)var(--color-button, #1a1a1a)— with a fallbackrgb(var(--color-foreground))— the bare-triplet form Dawn uses--color-primary— a bare name, which the app wraps invar()for you
Custom CSS
Loaded after the default styles and after the Styles section, so your rules win over both. The CSS variables panel beside the editor lists every variable Easy Quotes reads, with its default and whether the pickers above already set it. It stays on screen while you scroll, so you can refer to it as you type.
Target the eq- classes, or set the variables yourself on :root for the whole
store or on a class like .eq-page-block for one area.
Per-block styling
Every Easy Quotes block also has CSS classes and Custom CSS fields in the theme editor. CSS there applies to that block alone, so you can restyle the button on one page without touching the rest. Write plain declarations, or selectors:
background: #f6f6f6;
.eq-button { text-transform: uppercase; }
The app embed has a CSS class field too, which lands on the mini quote so your theme’s stylesheet can target it.
A note on Outline buttons
An Outline button has no fill, so Background color can’t show as one — it tints the border and text instead. Text color overrides that tint. If you want a filled button, set Button style to Solid.