Price List

The Price List Module can be styled locally or globally. The advantage of global styling is that it automatically styles all the Price List Modules on your website at the same time, creating a consistent theme and saving your time. It is possible to find the Price List Global Styling under the Module Design section of the Global Styling tab of the editor.

 


1. Image

In this section you can define the image placement - to the left, centered or to the right - as well as the image size (as a percentage of the original size). Finally you can also define some spacing options in terms of margin.

 

2. List Elements

In this section you can define a background color and border, including color, width, style and radius, to the list elements as a group. You can also define spacing both in terms of margin and padding.

 

3. Title

Style the title in terms of font color, size, family, weight, line height, uppercase letters, alignment and spacing.

 

4. Item Name

Style the item name in terms of font color, size, family, weight, line height, uppercase letters and spacing.

 

5. Price

Style the price in terms of font color, size, family, weight, line height, uppercase letters and spacing.

 

6. Description

Style the description in terms of font color, size, family, weight, line height, uppercase letters and spacing.

 

7. Background

With this option you can choose a solid color as the background for the module.

 

8. Border

Here you can define the module's border color, width, style and radius.

 

9. Spacing

When styling the spacing you can define the margin - which adjusts the space outside of an element; and padding - which adjusts the space inside of an element.

 

10. Apply Global Styling

As soon as you save your Global Styling, all the Price List Modules will inherit that design. However, if later you choose to style a price list locally, it will overwrite the global styling but only for that specific Price List Module. Click here to read more about the Price List Module local styling!

 

Anything we’ve not covered?

Contact Us