Better control over the size of the translator widget

I’d really like to be able to specify the size of the widget beyond S M L.

1 Like

Hi there, @Pebbles_to_Peaks_Tut :wave:

Nice idea, thanks for sharing! If this request gets more votes, we’ll try to consider this possibility in the future :slightly_smiling_face:

As for now, you can use this code in the Custom CSS field on the Settings tab of your widget’s settings to set the custom size:

[class*="Icon__IconContainer-sc"]:first-child,
[class*="Icon__IconContainer-sc"]:first-child svg {
  width: 30px;
  height: 30px;
}

[class*="name__NameContainer-sc"] {
  font-size: 26px;
  line-height: 30px;
}

[class*="Icon__IconContainer-sc"]:last-child,
[class*="Icon__IconContainer-sc"]:last-child svg {
  width: 18px;
  height: 18px;
}
1 Like