Skip to content
Search Application Launcher A 3x3 grid of square buttons representing an application launcher or menu Open product launcher
Layout properties | Site Studio | Acquia Product Documentation
Layout properties
Layout properties allow you to control the layout, position and display of an element.
Adding layout properties to a style To add layout properties to a style:
Navigate to the Style builder. This is available when you edit Base styles or Custom styles . For more, see Using the style builder
Within the Style editor area, click on the Properties button
Then select Layout > (Select a Layout sub-group) in the menu.
The Layout properties include the following groups of fields:
Height
Min height - Set the minimum height of an elementMax height - Set the maximum height of an elementFixed height - Fix the height of an element For details of each property, see Height properties.
Layout properties
Layout properties allow you to control the layout, position and display of an element.
Adding layout properties to a style To add layout properties to a style:
Navigate to the Style builder. This is available when you edit Base styles or Custom styles . For more, see Using the style builder
Within the Style editor area, click on the Properties button
Then select Layout > (Select a Layout sub-group) in the menu.
The Layout properties include the following groups of fields:
Height
Min height - Set the minimum height of an elementMax height - Set the maximum height of an elementFixed height - Fix the height of an element For details of each property, see Height properties.
Width
Width - Set the width of an elementMax width - Set the maximum width of an elementMin width - Set the minimum width of an element
Padding top - Set the padding top of an elementPadding bottom - Set the padding bottom of an elementPadding left - Set the padding left of an elementPadding right - Set the padding right of an elementPadding equal - Set the padding of all four sides of an element. If a more specific padding is also set E.g. Padding left, this will override the equal padding on the left side
Margin top - Set the margin top of an elementMargin bottom - Set the margin bottom of an elementMargin left - Set the margin left of an elementMargin right - Set the margin right of an elementMargin equal - Set the margin of all four sides of an element. If a more specific margin is also set E.g. Margin left, this will override the equal margin on the left side
Float - Float the element to the right or left of an elementClear - Clear the float on the left or right of an elementClearfix - Automatically clear child elements
Position - Select the way an element is positioned.
Display - Select how an element is displayedVisibility - Select the visibility of an elementOverflow - Select how the children of an element will overflow
Opacity - Set the opacity of an element.
Type - Select between inner shadow and outer shadowHorizontal - Set the horizontal length of the shadowVertical - Set the vertical length of the shadowBlur - Set the blur of the shadowSpread - Set the spread of the shadowColor - Set the color of the shadow
Baseline - Align the baseline of the element with the baseline of the parent element. This is defaultTop - Align the top of the element with the top of the tallest element on the lineText top - Align the top of the element with the top of the parent element's fontMiddle - Align the element the middle of the parent elementBottom - Align the bottom of the element with the lowest element on the lineText bottom - Align the bottom of the element with the bottom of the parent element's fontSubscript - Align the element as if it was subscriptSuperscript - Align the element as if it was superscriptLength - Align the element by a specified length. Negative values are allowed
Did not find what you were looking for? If this content did not answer your questions, try searching or contacting our support team for further assistance.
Width - Set the width of an elementMax width - Set the maximum width of an elementMin width - Set the minimum width of an element
Padding top - Set the padding top of an elementPadding bottom - Set the padding bottom of an elementPadding left - Set the padding left of an elementPadding right - Set the padding right of an elementPadding equal - Set the padding of all four sides of an element. If a more specific padding is also set E.g. Padding left, this will override the equal padding on the left side
Margin top - Set the margin top of an elementMargin bottom - Set the margin bottom of an elementMargin left - Set the margin left of an elementMargin right - Set the margin right of an elementMargin equal - Set the margin of all four sides of an element. If a more specific margin is also set E.g. Margin left, this will override the equal margin on the left side
Float - Float the element to the right or left of an elementClear - Clear the float on the left or right of an elementClearfix - Automatically clear child elements
Position - Select the way an element is positioned.
Display - Select how an element is displayedVisibility - Select the visibility of an elementOverflow - Select how the children of an element will overflow
Opacity - Set the opacity of an element.
Type - Select between inner shadow and outer shadowHorizontal - Set the horizontal length of the shadowVertical - Set the vertical length of the shadowBlur - Set the blur of the shadowSpread - Set the spread of the shadowColor - Set the color of the shadow
Baseline - Align the baseline of the element with the baseline of the parent element. This is defaultTop - Align the top of the element with the top of the tallest element on the lineText top - Align the top of the element with the top of the parent element's fontMiddle - Align the element the middle of the parent elementBottom - Align the bottom of the element with the lowest element on the lineText bottom - Align the bottom of the element with the bottom of the parent element's fontSubscript - Align the element as if it was subscriptSuperscript - Align the element as if it was superscriptLength - Align the element by a specified length. Negative values are allowed
Did not find what you were looking for? If this content did not answer your questions, try searching or contacting our support team for further assistance.
Site Studio