How can I customize the widget design (alignment, fonts, bold text, icons)? (Essential Estimated Delivery Date app)
Open your widget and use the Content and Design tabs. You can change:
- Layout (Content tab → Widget Layout): Full bar (three steps with icons) or Minimal (one compact line with one icon)
- Templates and color palettes, background, border, spacing and the progress line
- Font: choose Use your theme fonts to match your store, or Helvetica, Arial, Tahoma, Trebuchet MS, Times New Roman, Georgia, Garamond or Courier New
- Font size and color for the description, titles and dates
- Icons: upload your own icon for each step, with an optional color filter. To hide the icons, use the Minimal layout, or set the icon size to 0 on the default Full bar templates.
Not available as settings at the moment:
- Text alignment (for example centered)
- Bold or other formatting on part of the description
- Other fonts than those listed. If your theme uses the font you want, choose Use your theme fonts.
For changes like these, the widget has a Custom CSS field. If you're not sure what to add, contact us and we'll help.