How to style labels with Live Designer?

How to style labels with Live Designer

The appearance of labels can be completely customized to the look of the e-shop. We will show you step by step how to create the look in Live Designer.

How the Live Designer works

We have added a tool called Live Designer to Pobo Page Builder, which aims to allow you to customize the look of your page titles without any knowledge of CSS or HTML.You can customize the size, indentation, color and line spacing of second and third level headings, paragraphs and lists.

Let's edit the first product...

Select the product you want to edit, then under tools select the subsection editing the appearance of labels.

Click on any widget to open the editor in the right bar.

Within the widget you can edit the photo, title and text. You can do this by selecting an element in the right bar of the editor, or by clicking on the green pencil icon next to the element.

After selecting an element, you will see the following editing options in the right sidebar:

• font size, line spacing, text color, outer padding, font, text highlight

In the default settings, the modifications are applied to all widgets (e.g. image rounding, text font, etc.) If you want the modifications to apply only to an individual widget, select only this widget in the right column.

Within the customization of an individual widget, it is also possible to set the color background of the widget, including the gradient (its color and angle.)

With Live Designer, you can also see a live preview of the site on your tablet and phone. In the top bar, just select the computer button, then the selector will open (computer, tablet mobile.) After clicking on the appropriate option, the preview will open.

To save the modification, just click the save changes button in the right corner and the design will be assigned to the product.