Rounded edges
Precisely control the global border radius of your theme using Ghost's code injection feature.
The Miyus theme is designed with elegant, premium rounded edges as a default aesthetic. However, you can use Ghost CMS's native code injection to globally override the corner radius to match your specific brand style.
Modifying Roundness
Navigate to the Code injections settings in Ghost Admin.
In the Site header section, paste the following CSS variable block.
Adjust the 1.5rem value to your preferred scale (e.g., 0.5rem for tighter corners).
Click Save to apply the changes.
<style>
:root {
--global-border-radius: 1.5rem;
}
</style>Disable Rounding
To disable rounded edges altogether and switch to a more sharp, architectural grid layout, use a value of 0.
Set the --global-border-radius variable to 0 as shown below.
Click Save to update your theme.
<style>
:root {
--global-border-radius: 0;
}
</style>Universal Apply
Our theme is rigorously built with CSS variables. Modifying this single variable will automatically update buttons, cards, images, and containers across your entire publication!