Design Controls
Container
Controls within this section allow you to manage the overall container of the Order Tracking Page element.
- Width – Set the width of the container to achieve your desired design.
Form
This section offers controls to fine-tune the appearance of the form, including its background, borders, and padding.
- Background – Modify the form’s background with several attributes:
- Color – Choose a specific color for the form’s background.
- Clip – Determine how background properties are applied to the form.
- Layers – Use layers to overlay different elements on the form’s background:
- Type – Specify the type of layer you want to use.
- Image – Upload or select an image to use as a layer. (Note: This control is only available when the ‘Type’ is set to ‘image’).
- Size – Choose the size for your image layer. (Note: Available only when the ‘Type’ is set to ‘image’).
- Width – Define a custom width for the image layer. (Note: Available only when ‘Size’ is set to ‘custom’).
- Height – Set a custom height for the image layer. (Note: Available only when ‘Size’ is set to ‘custom’).
- Repeat – Determine if and how the image layer should repeat. (Note: Available only when the ‘Type’ is set to ‘image’).
- Attachment – Control the scroll behavior of the image layer. (Note: Available only when the ‘Type’ is set to ‘image’).
- Position – Choose a predefined position for the image layer. (Note: Available only when the ‘Type’ is set to ‘image’).
- Left – Manually adjust the horizontal position of the image layer. (Note: Available only when ‘Position’ is set to ‘custom’).
- Top – Manually adjust the vertical position of the image layer. (Note: Available only when ‘Position’ is set to ‘custom’).
- Gradient – Apply a color gradient to the layer. (Note: Available only when the ‘Type’ is set to ‘gradient’).
- Overlay Color – Use a color overlay on the layer. (Note: Available only when the ‘Type’ is set to ‘overlay_color’).
- Blend Mode – Define how the layers blend with each other.
- Borders – Adjust the form’s edges with these options:
- Radius – Round the corners of the form for a smoother appearance.
- Styling – Customize the style, color, and width of the form’s borders.
- Shadow – Add a shadow effect to give the form depth and prominence.
- Padding – Manage the space within the form’s borders:
- Padding – Set the amount of spacing on each side of the form’s content.
Spacing
Define the space around the Order Tracking Page element to ensure it fits seamlessly into your site’s design.
- Margin Top – Set the space above the element to prevent crowding.
- Margin Bottom – Adjust the space below the element for a balanced appearance.
Advanced
For those who want extra customization and control, this section provides advanced design tools.
