# App block settings URL: https://docs.sparklayer.io/help/platforms/shopify/app-block-settings Applies to: Shopify Style SparkLayer from Shopify's theme editor with CSS variables, hide retail elements from B2B customers, and add Core Script options to a Shopify theme. > **Quick summary** > > - The **SparkLayer** app embed has 2 styling settings in Shopify's theme editor: **CSS variable overrides** for colours and fonts, and **CSS selectors for hidden elements** to hide parts of your theme from B2B customers. > - Open them from **Home > Setup > Theme setup** in the SparkLayer Dashboard, or **SparkLayer Wholesale > Setup > Theme setup** in the Shopify app: click **Edit** beside the **SparkLayer** block. > - Core Script options (`window.sparkOptions`) aren't a theme editor setting. Your developer adds them to `theme.liquid`. > - The product blocks have their own settings, such as **Show SKU** and **Mode Table Only**, which match the tag settings in [Product display options](https://docs.sparklayer.io/help/storefront/product-display.md). ## How it works The **SparkLayer** app embed loads the Core Script (the SparkLayer code on your storefront) for signed-in B2B customers. Retail customers and signed-out visitors don't get it, so none of the settings on this page change what they see. As it loads, the app embed: - Sets the Core Script options SparkLayer needs to run on your store. - Matches SparkLayer's colours and fonts to your theme's, then applies your **CSS variable overrides** on top. - Hides the retail prices, buy buttons and other parts of your theme B2B customers shouldn't use, plus anything in **CSS selectors for hidden elements**. The styling and hiding are part of the automatic install. If your developer has [turned off the automatic install](https://docs.sparklayer.io/help/platforms/shopify/install.md#turn-off-the-automatic-install), the 2 styling settings do nothing on their own: see [If the automatic install is off](#if-the-automatic-install-is-off). ## Change colours and fonts in the theme editor 1. Go to **Home > Setup > Theme setup** in the SparkLayer Dashboard, or **SparkLayer Wholesale > Setup > Theme setup** in the Shopify app and click **Edit** beside the **SparkLayer** block. Shopify's theme editor opens at the app embed. 2. Under **Styling**, enter your CSS variables in **CSS variable overrides**, one per line. 3. Click **Save**, then sign in to your store as a B2B customer to check the result. For example, to set your brand colour and fonts: ```css title="CSS variable overrides" --b2b-brand-color: #1A4D8F; --b2b-brand-color-hover: #133A6B; --b2b-brand-font: Arial, sans-serif; --b2b-brand-font-heading: Georgia, serif; ``` Each line is a variable name starting with two hyphens, a colon, the value and a semicolon. Leave out `