Creating your color palette

    DX8 allows you to manage colors across your website with a globally managed color palette. Colors added to the palette are made available through a color picker (shown below) when selecting a color is required.

    Color-picker.png

    Creating a color

    To create a color in the palette:

    1. Navigate to DX8 > Website settings > Color palette 
    2. Enter a name in the Label field
    3. Click on the Color swatch to open the color picker
    4. Select your color using the color picker or type a hex code into the text field
    5. Click on the Transparency slider below the color panel to adjust the opacity of the color
    6. Click the Available in WYSIWYG toggle if you want to make your color available to the WYSIWYG editor
    7. Click Save

    To add another color, click Add and repeat the steps above before clicking Save.

    Color-palette.gif

    Changing the order of the colors

    You can change the order of the colors in your palette to control how the colors are arranged in your color picker.

    1. Navigate to DX8 > Website settings > Color palette 
    2. Click and hold on the Drag handle next to the color you want to move and drag the color up or down to reposition it
    3. Click Save

    Color-palette-reordering.png

    Deleting a color

    You can delete colors as long as they are not being used. To delete a color:

    1. Navigate to DX8 > Website settings > Color palette 
    2. Click the Delete button to delete a color.

    delete-color.png

    Deleting a color in use

    When a color has been applied to a page, style, template or anything else, it's flagged as 'In use' and cannot be deleted. Instead of a Delete button, you will see an In use button.

    To delete a color in use:

    1. Navigate to DX8 > Website settings > Color palette 
    2. Click on the In use button next to the color you want to delete
    3. A modal will open showing a list of links to locations where the color is being used
    4. Navigate to each of these locations and select a different color
    5. When the color is no longer in use, it will be unlocked and you will see a Delete button
    6. Click on the Delete button to delete the color

    Color-in-use.png

    Cohesion DX8 Help center

    Launch our Help center to raise a support ticket or search our knowledge base of common questions and answers.

    DX8 knowledge base icon

    Knowledge base

    Get instant answers to common questions. Available online 24/7.

    Find answers

    Raise a ticket icon

    Raise a support ticket

    Log in to the Help center to raise an issue. Available Monday - Friday, 09:00 - 17:00 GMT.

    Raise ticket