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.
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.
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.
Style the price in terms of font color, size, family, weight, line height, uppercase letters and spacing.
Style the description in terms of font color, size, family, weight, line height, uppercase letters and spacing.
With this option you can choose a solid color as the background for the module.
Here you can define the module's border color, width, style and radius.
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!