Acquia Cohesion renames to Site Studio from version 6.2. Tell me more.

    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:


    Values entered into the values field require units to be added if units are required. For example, 100rem, 100px, 45deg. Site Studio 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.


    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.


    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


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