Design and colours

The Design screen sets how your job board looks to visitors: which design it uses, its colours and its font sizes, so it matches the rest of your site. With Pro, you can switch the whole job board to the Elegant Design look.

Open it from WP Job Portal → Appearance & language → Design.

The Design screen with the Standard and Elegant designs, the colour presets, the colour settings and the preview of the My Jobs page

Nothing changes on your site until you select Save Changes. While you work, Preview (not saved yet) shows the employer’s My Jobs page with your choices; its buttons do nothing there. If you leave with unsaved changes, a bar offers Save Changes or Discard.

Pick a preset

The Presets panel has eight ready-made colour schemes: Teal Slate, Ruby Red, Ocean Cyan, Royal Azure, Forest Lime, Rose Berry, Deep Amethyst and Midnight Mode. A preset fills in the colours below it.

Select a preset. The preview updates.
Select Save Changes.

Set your own colours

Under Customize: Standard design, set the three colours:
- Primary Color: buttons, links and highlights
- Secondary Color: headings and job titles
- Content Color: body text
Check the result in the preview.
Select Save Changes.

You can start from a preset and then change single colours.

Set font sizes

Under Font Sizes, set the size in pixels of four kinds of text.

Option	Default	Allowed range
Main Heading	32	18–64
Second Sub Heading	27	16–48
Sub Heading	22	14–36
Body Text	17	12–24

A value outside the range is saved as the nearest allowed size. Reset to defaults puts back the four default sizes. Select Save Changes to save.

Elegant Design

Elegant Design is an alternative look for the whole job board: framed cards with soft shadows, and larger, bolder headings. It is part of Pro since version 2.7.0. It used to be a separate plugin, which is no longer sold.

Switch it on or off

With Pro active, Choose a design at the top of the Design screen shows Standard design and Elegant Design side by side. The one visitors see now is marked Active and Live on your site.

Open WP Job Portal → Appearance & language → Design.
Under the design you want, select Switch to Elegant Design or Switch to Standard design.

Visitors see the new design straight away. Each design keeps its own settings, so switching back brings back the colours and sizes you had. Updating to Pro does not switch a site to Elegant Design on its own: a site keeps the look it already had.

Elegant Design settings

While Elegant Design is active, the panel is called Customize: Elegant Design and has its own settings. Saving them never changes the Standard design’s settings.

Option	What it sets
Primary Color, Secondary Color, Content Color	Buttons, links and highlights; headings and job titles; body text
Border Color	Lines around cards and fields
Page Background	Behind everything on the page
Card Background	Inside job cards and boxes
Main Heading, Second Sub Heading, Sub Heading, Body Text	Font sizes in pixels
Corners	Square, Normal or Round
Font	Theme font (your theme’s) or System font

Reset to Elegant defaults puts back all of Elegant Design’s default settings. The presets work here too: they fill in the primary, secondary and content colours.

If you still have the old Elegant Design plugin

While the standalone Elegant Design plugin is active, it keeps providing the look and the switch is locked, with a note saying so. Deactivate the old plugin in Plugins: Pro takes over on the next page load, with the same look and colours. You can then use the switch.

Going further

For changes the Design screen can’t make, such as your own CSS or template overrides, see Styling and templates.