Version:
Cohesiondx.com

Are you looking for the latest documentation?

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

    Configuring your base unit settings

    The Base unit settings provide a base font size and default unit conversion.

    DX8 relies on the values set in the Size field and the Default unit conversion field. These should be set to the default values of 16px and Convert PX to REM. Only change these if you understand the impact of doing so.

    Setting base unit settings on a new website

    When using DX8 to create a new website:

    1. Navigate to DX8 > Website settings > Base unit settings
    2. Enter your base font size in the Size field. Recommended setting: 16px
    3. Select how you want size values to be converted in the Unit conversion field. Recommended setting: Convert from PX to REM
    4. Turn on the Apply to CSS toggle

    Base-unit-settings.png

    Setting base unit settings on an existing website

    Your existing website may already have a base font size set in its CSS. To prevent DX8 from overwriting this:

    1. Navigate to DX8 > Website settings > Base unit settings
    2. Enter your base font size in the Size field. Recommended setting: 16px
    3. Select how you want size values to be converted in the Unit conversion field. Recommended setting: Convert from PX to REM
    4. Turn off the Apply to CSS toggle

    Base-unit-settings-no-css.png

    About 'Unit conversion'

    Convert from PX to REM (Root EM's) provides a scalable unit based on the base font size and is recommended for both responsive design and accessibility.

    These are the recommended settings and should only be changed if you understand the impact of doing so.

    You can read more about base unit settings here https://www.w3schools.com/cssref/css_units.asp

    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.