Version:
Cohesiondx.com

Are you looking for the latest documentation?

Documentation for Acquia Cohesion V6.0 onwards has moved to https://cohesiondocs.acquia.com

    Applying custom CSS properties

    There are CSS properties that are not available through the Properties menu. If you require a CSS property not provided you can add it using the Custom CSS option.

    Adding a custom CSS property to a style

    To add a custom CSS property:

    1. Navigate to the Style builder. This is available when you edit Base styles or Custom styles. For more, see Using the style builder
    2. Within the Style editor area, click on the Properties button
    3. Then select Custom CSS in the menu.

    Custom CSS

    Expected values

    • Add the CSS property name in the CSS property field
    • Add the CSS value in the CSS value field.

    For example:

    Custom-css.png

    Values entered into the values field require units to be added if units are required. For example, 100rem, 100px, 45deg. DX8 does not automatically convert unitless values to REM's.

    Add multiple custom CSS properties

    To add additional Custom CSS properties to the same style:

    1. Below the Custom CSS property fields, click Add
    2. A new row of fields will be added to the form
    3. Add the CSS property name in the CSS property field
    4. Add the CSS value in the CSS value field
    5. Repeat this process to add additional Custom CSS properties.

    Add-multiple-custom-css.png

    Remove custom CSS properties

    To remove Custom CSS properties from the style:

    1. Above the Custom CSS property fields, click the grey Delete icon
    2. The property will be removed.

    Remove-custom-css.png

    DX8 knowledge base icon

    Frequently asked questions

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

    Find answers

    Raise a ticket icon

    Raise a support ticket

    To raise a ticket, sign into Acquia Cloud and select Help in the top menu.

    Raise support ticket

    Acquia

    Copyright © 2020 Acquia, Inc. All Rights Reserved. Drupal is a registered trademark of Dries Buytaert.