Editing Components

Positioning

Usually components in Replo are laid out in containers which are stacked horizontally or vertically. However, sometimes it's useful to have a component positioned over another one - for example, to have a callout button on the corner of...

June 29, 2023 17:07

Visibility

Sometimes, you don't want components to display - for example, you might have a big title that you only want to display when the page is viewed on a desktop, not on mobile. To Edit the Visibility of a Component: Select the component you...

Updated July 11, 2023 15:15

Fonts

Fonts are an important part of any store design, providing legibility and style for your Shopify pages. In Replo, any font on your Shopify store is available to be set on any Text component, as well as on any container on any page. Setti...

Updated July 27, 2023 21:50

Border

Every component in Replo can have a border, which displays around the component's box (outside of the padding/background, but inside of the margin). You can either edit the entire border, or one side at a time. Several properties of t...

June 29, 2023 17:03

Background

Almost every component in Replo can have a background, which can be a color (solid, or a gradient) or an image. Background Colors To add a background color to a component: Select the component you want to give the background color to. S...

June 29, 2023 17:03

Spacing

Spacing controls allow you to edit the margin (spacing outside the component's background) and padding (spacing inside the component's background), as well as the component's width and height. Margin and Padding You can use margin and p...

Updated August 07, 2023 19:41