Skip to main content

Rounded edges

The theme is designed with rounded edges for most elements by default. However, you can disable or adjust the roundness of these elements using Ghost code injections option.

To disable/modify rounded edges:

  1. Navigate to 'Code injections' settings in the Ghost Admin.
  2. Locate the "Site header" tab on the left-hand side of the interface.
  3. Paste the following code at the very beginning of the "Site Header" section.
  4. Adjust the value as needed.
<style>
  :root{
    --global-border-radius: 1.5rem;
  }
</style>

Note: To disable rounded edges, use the value 0. e.g. : --global-border-radius: 0;