Theme integration

The designer uses your theme’s text font and these colours from its palette, when your theme defines them: ink, heather, seam, cotton, cobalt and cobalt-deep. Without them it uses its own neutral colours.

Corner radius

Set the radius of buttons and fields in your theme’s theme.json:

{
  "settings": {
    "custom": {
      "printblob": { "radius": "10px" }
    }
  }
}

CSS custom properties

Override any of these on .wp-block-printblob-designer:

Property	Used for
--printblob-ink	Text and the main button
--printblob-heather	Secondary text
--printblob-seam	Lines and field borders
--printblob-cotton	The stage behind the product photo
--printblob-cobalt	Add to cart and focus outlines
--printblob-cobalt-deep	Add to cart, hovered
--printblob-radius	Corner radius

.wp-block-printblob-designer {
	--printblob-cobalt: #0a7d5a;
	--printblob-cobalt-deep: #075c42;
}

Blocks

• PrintBlob designer: shows the designer for the product it is placed on (in a single product template) or for the product chosen in its settings.
• Colours: the colours you sell, each opening the designer in that colour.