Portal CSS Builder

Complete the fields below, generate the finished stylesheet, then replace the entire Custom CSS in Deco. Every empty field shows the current DEMO COMPANY value as a hint only. Required live fields must be completed before CSS can be generated.

Before you start — change the Deco category pages first

  1. Decide how many categories the new portal will use: 1–4.
  2. In Deco, rename each actual category page before doing the CSS. The Builder cannot rename Deco pages.
  3. Set each page's Custom URL / slug to match the URL you enter below. Example: page name Workwear with Custom URL workwear gives /page/workwear.
  4. Upload the new hero image and category images to Deco, then copy their /uploads/... paths.
  5. Complete the form. The demo text shown inside each box is a hint only and will not be inserted into the generated CSS unless you enter/confirm it.
  6. Press Generate Full CSS, then Copy Full CSS.
  7. In Deco Custom CSS: Ctrl+A, paste the generated CSS, save, and check the portal.
Safety copy: need to start again? Download the Demo Master CSS

1. Brand Colours

2. Portal Identity

Paste the Deco upload path only. Do not add url(...).

3. Homepage

4a. Category 1

Rename the actual Deco page first
Reference/checklist only. CSS cannot rename the page.
Must match the Custom URL set on the Deco page.
Paste the Deco upload path only. Do not add url(...).

4b. Category 2

Rename the actual Deco page first
Reference/checklist only. CSS cannot rename the page.
Must match the Custom URL set on the Deco page.
Paste the Deco upload path only. Do not add url(...).

4c. Category 3

Rename the actual Deco page first
Reference/checklist only. CSS cannot rename the page.
Must match the Custom URL set on the Deco page.
Paste the Deco upload path only. Do not add url(...).

4d. Category 4

Rename the actual Deco page first
Reference/checklist only. CSS cannot rename the page.
Must match the Custom URL set on the Deco page.
Paste the Deco upload path only. Do not add url(...).

Finished CSS

This is the complete stylesheet. Replace everything currently in Deco Custom CSS with this output.