Order Confirmation Element

Created by Christi Norfleet, Modified on Tue, 4 Apr, 2023 at 9:49 AM by Christi Norfleet

Order Confirmation

General Settings

Element Name/Title

Here you will see the default name/title of the Edit option you are working on. You can decide to leave at that or rename it.

Background Color

If you want to change the background color of your Image feature, you can do that by clicking on the content you want to adjust its background.

If you didn't find your color, you can also add custom colors if you have the color code of the exact color you are going for, just type it in the space provided and click "add color".

Typography Type

Here you can edit the font of the button text/content.

Order Heading Mobile and Desktop Font Size

You can adjust the mobile and desktop font sizes of your order heading by adjusting the size bars.

Sub-Text Mobile and Desktop Font Size

You can adjust the mobile and desktop font sizes of your sub-text simply by adjusting the size bars.

Color Options

  • Order Heading Text Color
    ****You can only edit the Order heading text color here

  • Headline Text Color
    ****You can only edit the Headline text color here

  • Product Detail Text Color
    ****You can only edit the color of the Product detail (Dynamic Item) here.

  • Total Text Color
    ****You can only edit the Total text color here

  • Shipping Address Color
    ****If you have a shipping address on this page, you can only edit the color here.

Spacing Options

There are different spacing options available for adjusting your video content.

  • Padding Left, Right, Top, and Bottom
    This Four (4) different toggle bar moves the content to either the left, right, top, or bottom depending on the toggle bar you click on.

  • Margin Top and Bottom
    You can adjust the top or bottom margin of your content by toggling its bars.

Advanced Settings

Visibility

You can decide if you want this particular Edit option to be visible on only mobile devices, desktops, or both by clicking on it to highlight the icon.

Toggle Order Title

You can decide to show a form field for the "Order title" or you can hide it.

  • Order Title Text
    You can edit the description in the Order title (Order Confirmation) form field here.

Select Item and Price Text

You can edit the description of your Item and Price text form field here.

Toggle Total

You can decide to show a form field for the "Total" text or you can hide it.

  • Total Text
    You can edit the description in the Total form field here.

Toggle Shipping Details

You can decide to show a form field for "Shipping details" or you can hide it.

  • Shipping Details Title
    You can edit the description in the Shipping detail title form field here.

CSS Selector

If you need to copy the Custom CSS, just click on the "Copy" icon on the right side of the reference code.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article