Checkout Thank You Schema

Property	Value
`name`	woocommerce-checkout-thankyou
`category`	woocommerce
`tag`	div
`nestable`	false

Open JSON

Controls

Key	Type	Label	CSS
`previewOrderId`	number	Preview order ID	—
`hideMessage`	checkbox	Hide message	—
`message`	text	message	—
`messageMargin`	spacing	Margin	`margin` on `.woocommerce-notice`
`messagePadding`	spacing	Padding	`padding` on `.woocommerce-notice`
`messageBackground`	color	Background	`background-color` on `.woocommerce-notice`
`messageBorder`	border	Border	`border` on `.woocommerce-notice`
`messageTypography`	typography	Typography	`font` on `.woocommerce-thankyou-order-received`
`overviewMargin`	spacing	Margin	`margin` on `.woocommerce-order-overview.order_details`
`overviewBackground`	color	Background	`background-color` on `.woocommerce-order-overview.order_details`
`overviewBorder`	border	Border	`border` on `.woocommerce-order-overview.order_details`
`overviewBorderItem`	border	Border	`border` on `.woocommerce-order-overview.order_details li`
`overviewLabelTypography`	typography	Label typography	`font` on `.woocommerce-order-overview.order_details li`
`overviewTextTypography`	typography	Typography	`font` on `.woocommerce-order-overview.order_details li strong`
`detailsMargin`	spacing	Margin	`margin` on `.woocommerce-order-details`
`detailsPadding`	spacing	Padding	`padding` on `.shop_table th`, `padding` on `.shop_table td`
`detailsBackground`	color	Background	`background-color` on `.woocommerce-order-details table`
`detailsBorder`	border	Border	`border` on `.woocommerce-order-details table`
`detailsBackgroundFooter`	color	Background	`background-color` on `.shop_table tfoot`
`detailsActionButtonGap`	number	Gap	`gap` on `th.order-actions--heading + td`
`addressMargin`	spacing	Margin	`margin` on `.woocommerce-customer-details`
`addressTypography`	typography	Typography	`font` on `.woocommerce-customer-details address`
`detailsActionButtonMargin`	spacing	Margin	`margin` on `th.order-actions--heading + td > a`
`detailsActionButtonPadding`	spacing	Padding	`padding` on `th.order-actions--heading + td > a`
`detailsActionButtonBackgroundColor`	color	Background color	`background-color` on `th.order-actions--heading + td > a`
`detailsActionButtonBorder`	border	Border	`border` on `th.order-actions--heading + td > a`
`detailsActionButtonBoxShadow`	box-shadow	Box shadow	`box-shadow` on `th.order-actions--heading + td > a`
`detailsActionButtonTypography`	typography	Typography	`font` on `th.order-actions--heading + td > a`
`orderAgainButtonMargin`	spacing	Margin	`margin` on `.order-again .button`
`orderAgainButtonPadding`	spacing	Padding	`padding` on `.order-again .button`
`orderAgainButtonBackgroundColor`	color	Background color	`background-color` on `.order-again .button`
`orderAgainButtonBorder`	border	Border	`border` on `.order-again .button`
`orderAgainButtonBoxShadow`	box-shadow	Box shadow	`box-shadow` on `.order-again .button`
`orderAgainButtonTypography`	typography	Typography	`font` on `.order-again .button`
`downloadsMargin`	spacing	Margin	`margin` on `.woocommerce-table--order-downloads`
`downloadsPadding`	spacing	Padding	`padding` on `.woocommerce-table--order-downloads`
`downloadsBackgroundColor`	color	Background color	`background-color` on `.woocommerce-table--order-downloads`
`downloadsBorder`	border	Border	`border` on `.woocommerce-table--order-downloads`
`downloadsBoxShadow`	box-shadow	Box shadow	`box-shadow` on `.woocommerce-table--order-downloads`
`downloadsTypography`	typography	Typography	`font` on `.woocommerce-table--order-downloads`
`downloadsTitleMargin`	spacing	Margin	`margin` on `.woocommerce-order-downloads__title`
`downloadsTitlePadding`	spacing	Padding	`padding` on `.woocommerce-order-downloads__title`
`downloadsTitleBackgroundColor`	color	Background color	`background-color` on `.woocommerce-order-downloads__title`
`downloadsTitleBorder`	border	Border	`border` on `.woocommerce-order-downloads__title`
`downloadsTitleBoxShadow`	box-shadow	Box shadow	`box-shadow` on `.woocommerce-order-downloads__title`
`downloadsTitleTypography`	typography	Typography	`font` on `.woocommerce-order-downloads__title`
`downloadsTheadPadding`	spacing	Padding	`padding` on `.woocommerce-order-downloads thead th, .woocommerce-order-downloads tbody td::before`
`downloadsTheadBackgroundColor`	color	Background color	`background-color` on `.woocommerce-order-downloads thead th, .woocommerce-order-downloads tbody td::before`
`downloadsTheadBorder`	border	Border	`border` on `.woocommerce-order-downloads thead th, .woocommerce-order-downloads tbody td::before`
`downloadsTheadTypography`	typography	Typography	`font` on `.woocommerce-order-downloads thead th, .woocommerce-order-downloads tbody td::before`
`downloadsTbodyPadding`	spacing	Padding	`padding` on `.woocommerce-order-downloads tbody td`
`downloadsTbodyBackgroundColor`	color	Background color	`background-color` on `.woocommerce-order-downloads tbody td`
`downloadsTbodyBorder`	border	Border	`border` on `.woocommerce-order-downloads tbody td`
`downloadsTbodyTypography`	typography	Typography	`font` on `.woocommerce-order-downloads tbody td`
`downloadsButtonMargin`	spacing	Margin	`margin` on `.woocommerce-MyAccount-downloads-file.button`
`downloadsButtonPadding`	spacing	Padding	`padding` on `.woocommerce-MyAccount-downloads-file.button`
`downloadsButtonBackgroundColor`	color	Background color	`background-color` on `.woocommerce-MyAccount-downloads-file.button`
`downloadsButtonBorder`	border	Border	`border` on `.woocommerce-MyAccount-downloads-file.button`
`downloadsButtonBoxShadow`	box-shadow	Box shadow	`box-shadow` on `.woocommerce-MyAccount-downloads-file.button`
`downloadsButtonTypography`	typography	Typography	`font` on `.woocommerce-MyAccount-downloads-file.button`
`failedOrderButtonMargin`	spacing	Margin	`margin` on `.woocommerce-thankyou-order-failed-actions a`
`failedOrderButtonPadding`	spacing	Padding	`padding` on `.woocommerce-thankyou-order-failed-actions a`
`failedOrderButtonBackgroundColor`	color	Background color	`background-color` on `.woocommerce-thankyou-order-failed-actions a`
`failedOrderButtonBorder`	border	Border	`border` on `.woocommerce-thankyou-order-failed-actions a`
`failedOrderButtonBoxShadow`	box-shadow	Box shadow	`box-shadow` on `.woocommerce-thankyou-order-failed-actions a`
`failedOrderButtonTypography`	typography	Typography	`font` on `.woocommerce-thankyou-order-failed-actions a`

Inherited CSS controls

Shared CSS controls available on all elements. Keys are prefixed with _ and support responsive/pseudo-class variants via colon syntax (e.g. _typography:tablet_portrait:hover).

Key	Type	Label	CSS
`_content`	text	Content	`content`
`_margin`	spacing	Margin	`margin`
`_padding`	spacing	Padding	`padding`
`_width`	number	Width	`width`
`_widthMin`	number	Min. width	`min-width`
`_widthMax`	number	Max. width	`max-width`
`_height`	number	Height	`height`
`_heightMin`	number	Min. height	`min-height`
`_heightMax`	number	Max. height	`max-height`
`_aspectRatio`	text	Aspect ratio	`aspect-ratio`
`_position`	select	Position	`position`
`_top`	number	Top	`top`
`_right`	number	Right	`right`
`_bottom`	number	Bottom	`bottom`
`_left`	number	Left	`left`
`_zIndex`	number	Z-index	`z-index`
`_order`	number	Order	`order`
`_display`	select	Display	`display`, `align-items`
`_visibility`	select	Visibility	`visibility`
`_overflow`	text	Overflow	`overflow`
`_opacity`	number	Opacity	`opacity`
`_cursor`	select	Cursor	`cursor`
`_isolation`	select	Isolation	`isolation`
`_mixBlendMode`	select	Mix blend mode	`mix-blend-mode`
`_pointerEvents`	text	Pointer events	`pointer-events`
`_perspective`	number	Perspective	`perspective`
`_perspectiveOrigin`	text	Perspective origin	`perspective-origin`
`_gridItemJustifySelf`	align-items	Justify self	`justify-self`
`_flexDirection`	direction	Direction	`flex-direction`
`_alignSelf`	align-items	Align self	`align-self`
`_justifyContent`	justify-content	Align main axis	`justify-content`
`_alignItems`	align-items	Align cross axis	`align-items`
`_gap`	number	Gap	`gap`
`_flexGrow`	number	Flex grow	`flex-grow`
`_flexShrink`	number	Flex shrink	`flex-shrink`
`_flexBasis`	text	Flex basis	`flex-basis`
`_useMasonry`	checkbox	%s layout	—
`_masonryColumn`	number	Columns	`--columns`
`_masonryGutter`	number	Spacing	`--gutter`
`_masonryHorizontalOrder`	checkbox	Horizontal order	—
`_masonryTransitionDuration`	number	Transition	—
`_masonryTransitionMode`	select	Reveal animation	—
`_typography`	typography	_typography	`font`
`_background`	background	_background	`background`
`_shapeDividers`	repeater	Custom shape	—
`_gradient`	gradient	_gradient	`background-image`
`_border`	border	Border	`border`
`_boxShadow`	box-shadow	Box shadow	`box-shadow`
`_transform`	transform	Transform	`transform`
`_transformOrigin`	text	Transform origin	`transform-origin`
`_motionElementParallax`	checkbox	Element parallax	—
`_motionElementParallaxSpeedX`	number	Horizontal speed	`--brx-motion-parallax-speed-x`
`_motionElementParallaxSpeedY`	number	Vertical speed	`--brx-motion-parallax-speed-y`
`_motionBackgroundParallax`	checkbox	Background parallax	—
`_motionBackgroundParallaxSpeed`	number	Background speed	`--brx-motion-background-speed`
`_motionStartVisiblePercent`	number	Parallax start point	—
`_cssCustom`	code	Custom CSS	—
`_cssClasses`	text	CSS classes	—
`_cssId`	text	CSS ID	—
`_cssFilters`	filters	CSS Filters	`filter`
`_cssTransition`	text	Transition	`transition`
`_attributes`	repeater	Name	—
`_scrollSnapType`	select	Type	`scroll-snap-type` on `html`, `scroll-snap-align` on `.brxe-section`
`_scrollSnapAlign`	select	Align	`scroll-snap-align` on `.brxe-section`
`_scrollSnapStop`	select	Stop	`scroll-snap-stop` on `.brxe-section`

Leave a note for us