This is a frequent questions by our customers, and we are here to help!
As we want to give you a step by step process:
1. Go to the Edit CSS of the Balloon you want to change
2. Copy and paste the following code, as you can see in the image.
.walkme-custom-balloon-outer-div,
.walkme-custom-balloon-mid-div,
.walkme-custom-balloon-inner-div {
width: 200px !important;
}
.walkme-custom-balloon-outer-div,
.walkme-custom-balloon-top-div
.walkme-custom-balloon-mid-div,
.walkme-custom-balloon-inner-div {
height: 90px !important;
}
3. Play with the number in red and check the balloon on your site, repeat until it fits your needs!
If you saw that we have also a customized button, check our article How to customize the buttons of your Balloons!