How do you adjust rounded corners on columns and media in Loopia Sitebuilder?

The Other styles menu in Loopia Sitebuilder gives you more control over your site’s look by letting you adjust how rounded the corners of columns and media are. Whether you want sharp, modern edges or softer, rounded corners, you can fine-tune the style to match your brand.

Customising column and media corners

  1. In the editor, click Design in the top bar.
  2. When the dropdown appears, click Other styles.
  3. A window opens with settings for columns and media. You can change the style in two ways:
    • Drag the slider left or right to decrease or increase the rounding.
    • Enter a value manually in the input field for precise control.
  4. Click Save when you’re done.

Note: the preview updates immediately as you make changes, so you can see the effect on columns and media. The adjustments apply across your whole site.

Adjusting corners in the Custom block

Changes in Other styles affect columns in Custom blocks as well as the rest of your site – but only if the corners toggle in the Custom block’s settings is switched off.

If the toggle is on and you set a new value there, it overrides the global setting and only affects that specific Custom block. If you want the same corner style from a Custom block to apply across your whole site, go back to Other styles and enter the same values there.

Troubleshooting

If adjusting the corner style has no visible effect on the canvas:

  1. Open Block settings → Appearance.
  2. Switch on the Column style toggle.
  3. Go back to Other styles and adjust the corner settings again.

Tip: if your block and its columns share the same background, changes can be hard to see. To make them stand out, turn on the Border and/or Shadow toggle.

Was this article helpful?

Related Articles