---
title: >-
  [Checkout Branding API] Divider style and visibility customizations - Shopify
  developer changelog
description: >-
  Shopify’s developer changelog documents all changes to Shopify’s platform.
  Find the latest news and learn about new platform opportunities.
source_url:
  html: >-
    https://shopify.dev/changelog/checkout-branding-api-divider-style-and-visibility-customizations
  md: >-
    https://shopify.dev/changelog/checkout-branding-api-divider-style-and-visibility-customizations.md
metadata:
  effectiveApiVersion: 2024-07
  affectedApi:
    - displayName: Admin GraphQL API
      handle: admin-graphql
  primaryTag:
    displayName: API
    handle: api
  secondaryTag:
    displayName: Update
    handle: update
  indicatesActionRequired: false
  createdAt: '2024-03-21T15:53:05-04:00'
  postedAt: '2024-07-01T00:00:00-04:00'
  updatedAt: '2024-07-04T17:53:18-04:00'
  effectiveAt: '2024-07-01T00:00:00-04:00'
---

July 1, 2024

Tags:

* Admin GraphQL API
* 2024-07

# \[Checkout Branding API] Divider style and visibility customizations

As of version 2024-07 of the Admin API, you can use the [`checkoutBrandingUpsert`](https://shopify.dev/docs/api/admin-graphql/2024-04/mutations/checkoutBrandingUpsert) mutation to configure styling and visibility of dividers.

With this change, the dividers below the header, above the footer, between the main and order summary columns, and between sections in the main column can now be customized with visibility, style and width controls.

You can learn more about these customizable dividers in the GraphQL Admin API docs: [Global divider style](https://shopify.dev/docs/api/admin-graphql/2024-07/objects/CheckoutBrandingCustomizations#field-checkoutbrandingcustomizations-divider), [Footer `divided` property](https://shopify.dev/docs/api/admin-graphql/2024-07/objects/CheckoutBrandingFooter#field-checkoutbrandingfooter-divided), [Header `divided` property](https://shopify.dev/docs/api/admin-graphql/2024-07/objects/CheckoutBrandingHeader#field-checkoutbrandingheader-divided), [Order Summary `divider` property](https://shopify.dev/docs/api/admin-graphql/2024-07/objects/CheckoutBrandingOrderSummary#field-checkoutbrandingordersummary-divider), [Main `divider` property](https://shopify.dev/docs/api/admin-graphql/2024-07/objects/CheckoutBrandingMain#field-checkoutbrandingmain-divider), and [Content `divider` property](https://shopify.dev/docs/api/admin-graphql/2024-07/objects/CheckoutBrandingContent#field-checkoutbrandingcontent-divider)