Version:

    Padding properties

    Set the Top, Bottom, Left and Right padding on an element. Use Equal padding to set all at the same time.

    Padding top, bottom, left and right

    Set the padding on each side of the element.

    Expected value:

    • Enter a number 
    • Negative values are not accepted

    Accepted units:

    You can leave blank or specify a unit to be used.

    • blank - Just add a number and the value will be interpreted as pixels and be converted to rem's automatically if this behaviour is set within Base unit settings
    • px - The value will be applied in pixels
    • % - The value will be applied as a percentage of the parent elements width

    Note: Additional units are accepted. For more information see https://www.w3schools.com/cssref/css_units.asp

    Find more information at https://developer.mozilla.org/en-US/docs/Web/CSS/padding

    Padding equal

    Set the padding on all sides of the element. 

    Note: Padding on individual sides overrides equal padding.

    Expected value:

    • Enter a number 
    • Negative values are not accepted

    Accepted units:

    You can leave blank or specify a unit to be used.

    • blank - Just add a number and the value will be interpreted as pixels and be converted to rem's automatically if this behaviour is set within Base unit settings
    • px - The value will be applied in pixels
    • % - The value will be applied as a percentage of the parent elements width

    Note: Additional units are accepted. For more information see https://www.w3schools.com/cssref/css_units.asp

    Find more information at https://developer.mozilla.org/en-US/docs/Web/CSS/padding

    Padding block-start, padding block-end, padding inline-start, padding inline-end

    Sets the logical block-start, block-end, inline-start, inline-end padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.

    Expected value:

    • Enter a number 
    • Negative values are not accepted

    Accepted units:

    You can leave blank or specify a unit to be used.

    • blank - Just add a number and the value will be interpreted as pixels and be converted to rem's automatically if this behaviour is set within Base unit settings
    • px - The value will be applied in pixels
    • % - The value will be applied as a percentage of the parent elements width

    Note: Additional units are accepted. For more information see https://www.w3schools.com/cssref/css_units.asp

    Find more information at https://developer.mozilla.org/en-US/docs/Web/CSS/padding-block-start

    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.