Hi. How can we help?

Changing global content width and corner shape on Lightspeed eCom site

By default, your Lightspeed eCom site uses the content width and corner shape of the theme you choose to go with. You can change that by setting the default site-wide content width and/or corner shape that will be applied to all your site pages and sections.

Setting default content width on your site

Content width on a site defines how wide a webpage's main content column is. It affects how easy text is to read and how well the page content fits on different screen sizes.

To set the default content width for your Lightspeed eCom site:

  1. In Retail POS, navigate to Online > Webstore (or Website) > Edit Site.
  2. Click Settings at the top and then Site Style.
  3. Click Content width, then adjust the default content width for your site. The preview on the right will update when a width is selected.

    Setting default content width on your site

  4. Publish the changes.

Setting default corner shape on your site

Corner shape (also known as border-radius) on a site defines how sharp or rounded the edges are on elements like buttons, images, cards, and input fields. It can help you set the mood and feel of your website and align it with your brand.

To set the default corner shape for your Lightspeed eCom site:

  1. In Retail POS, navigate to Online > Webstore (or Website) > Edit Site.
  2. Click Settings at the top and then Site Style.
  3. Click Corner shape, then adjust the default corner shape for your site. The preview on the right will update when a shape is selected.

    Setting default corner shape on your site

  4. Publish the changes.

Global corner shape is applied only to those elements that have the “Default” shape chosen in the Design tab of the editor.

Was this article helpful?