How to change html label box color

Customization
1

Hi,
I can’t find how to change html label box color in the editor. Is there any simple way to change the html label box color to blue and make it square shape?

Thank you.

2

Hi @Casey

To customise HTML Label you would need to overwrite it’s CSS style.
This can be done by adding custom style definitions in ‘head-end.html’ or ‘body-end.html’ .

This would require HTML and CSS skills, this example could get you started, it will make HTML Label take whole screen:

<style>
  #ext-html-label {
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }

  #ext-html-label-content {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
  }

  #ext-html-label-close {
    position: absolute;
    top: 0;
    right: 0;
    margin-left: 0;
    cursor: pointer;
  }

  .ext-html-label-center {
    left: 50vw;
    transform: unset;
  }
</style>
1 Like