Summary Block Store Badge Change

Summary Block Store Badge Change

License

Synopsis

Change Summary block store badges.

Version

• 0.1.0

SS Version

• 7.1

Fluid Engine Compatible

• Yes

---

Quick Install

Add code from file summary block store badge change.less to Website > Pages > Custom Code > Custom CSS. Refer to Using the CSS Editor for details. Read the code for any instructions within.

Badge Options

• Style

  • Rectangle

    

  • Square

    

  • Circle

    

• Background Color and Color (text)

  

• Font : family, weight, style (italic and normal), size, letter spacing, and text transform (capitalize, lowercase, uppercase)

• Padding (around the badge text)

• Position

  	Left	Center	Right
  Top				Top
  Center				Center
  Bottom				Bottom
  	Left	Center	Right

• Inset

  • Floating

    

  • Flush

    

  • Dock Vertically

    

  • Dock Horizontally

    

• Inset Size (margin around the badge for options that have an inset)

Demo

You can see a demo of this effect here.

Make a Donation

Please consider making a donation.

Changes

• 2025-07-04

  • initial version