Frontend styles (1–4)

Choose any of the four frontend skins that ship with Stylish Cost Calculator. Styles 1–3 are available in each element’s Style dropdown; Style 4 is available for the total bar.

• Style 1 (Default): classic spacing and labels.
• Style 2 (Rounded): rounded corners with titles on top.
• Style 3 (Box Shadow Effect): adds a card-style shadow.
• Style 4 (Total Bar): alternate styling for the total/summary bar.

How to change styles

1) Edit your calculator and open an element (e.g., checkbox, dropdown, slider).

2) In Style, pick Style 1, 2, or 3. Save.

3) For the total bar, pick Style 4 under total bar style options.

Tips

• Mix styles per element if desired; preview to confirm layout.
• If a style looks cached, clear your WordPress/cache plugin and reload.

Updated on: 25/11/2025