Tag Customization | Meridian Web SDK

Styling by ID:


              .meridian-tag[data-meridian-tag-id="546C0E032A87"] {
              
                width: 50px;

                height: 50px;

                border-color: cyan;

                background-color: cyan;

                animation: pulsing 5s infinite;

              
              }

Styling by Label:


              body .meridian-tag-label-CT-HumanPersonnel {
              
                border-color: yellow;

                width: 50px;

                height: 50px;

                animation: pulsing 5s infinite;

              
              }

Note: Labels with special characters need to be targeted accordingly. Spaces and most special characters (with the exception of underscores and dashes) are removed.

Example: For the tag label “CT-Human/Personnel”, target "meridian-tag-label-CT-HumanPersonnel".