Look: Colours and Your Own CSS

This feature is available in the Pro edition.

The Look options make the bars match your template instead of the default colours.

These are Pro options. They appear once your license is active.

Colours

In the Pro plugin's Look tab, choose Colours:

• Default uses the free add-on's own colours, which follow your template's Bootstrap colours when it has them.
• Template preset (Helix) takes the colours of your Helix Ultimate template's current colour preset. A Preset found line shows the colours it found: accent, hover, surface and text. If the template has no preset, the default colours are used.

Style and corners

• Style: Light is a quiet bar on the page's colours, Accent (filled) fills the bars with the accent colour, Dark is a dark bar.
• Corners: Rounded or Square.

Your own CSS

The Your own CSS box is added after everything else, so it wins. The parts are .mcp-sticky, .mcp-ship, .mcp-addons and .mcp-float, and the colours are variables such as --mcp-accent, --mcp-bg and --mcp-fg. It is kept in the plugin's settings, so a template update does not touch it.

.mcp-sticky { box-shadow: none; }
:root { --mcp-accent: #0a7d5a; }