Skip to main content

Change tile background color and add a border

Set a background color and add a border to any tile. Covers opacity, color picker, and border radius options.

You can easily customize the appearance of text tiles by creating and applying Style Preset from your theme.

Style Presets allow you to define specific styling options, including the background color and border for tiles. Once created, the preset can be applied directly to individual tiles from the Site Editor, making it easy to maintain a consistent design across your site.

Before You Begin

Make sure you have access to the Themes dashboard and the Site Editor.

Create a Style Preset

Follow these steps to create a new Style Preset for your tiles:

  1. Go to the Themes dashboard.

  2. Locate the theme you are currently using and click Edit.

  3. In the theme editor, select Style Presets.

  4. Click New to create a new preset.

  5. Enter a Name for the new preset.

  6. Click Save.

  7. From the list of available styling options, select and expand Tiles.

  8. Under the Tiles section, configure the following settings:

    • Background color – Select your preferred background color.

    • Border – Choose your preferred border style, width, and color.

  9. Click Done.

  10. Click Publish to save and publish the theme changes.

Apply the Style Preset to a Tile

Once the Style Preset has been created and published:

  1. Return to the Site Editor.

  2. Select the text tile you want to customize.

  3. Open the tile's Style Preset options.

  4. Select the Style Preset you created.

  5. The tile will automatically use the background color and border settings defined in the preset.

Tip: Using Style Presets is recommended over manually styling individual tiles because it makes it easier to apply consistent formatting and update the styling in one place later.

Related Articles
Did this answer your question?