How to change the size of widget's container on Wix
Adding a widget to a Wix website can be difficult regarding the CMS's peculiarities. In this article we're going to explain how to change the blocks' sizes in order to make the widget display correctly.
In this article:
Wix CMS uses iframe, that's why after adding a widget to the website it might look like this:
Or like this:
Fortunately, there are ways to adjust the widget's size and we're going to tell you how to do it.
Changing the widget's size in Wix Editor
If you're using classic Wix Editor, you'll just need to take one simple step.
Our widgets are responsive and they'll change the parameters as you move the block's borders. Just grab them and expand the widget's container:
Voila! The widget's size is adjusted.
Changing the widget's size in Wix ADI
If the widget implemented in Wix website with ADI editor doesn't display correctly, you'll need to install it in a different way. To do it:
1. Copy the widget's ID - the underlined part of your widget's installation code:
If you have trouble finding your widget installation code, please check this article - Where to get Elfsight widget installation code.
2. Add the ID you copied in the previous step to this link:
https://apps.elfsight.com/widget/YOUR-WIDGET-ID/
Just replace YOUR-WIDGET-ID with your actual widget ID.
3. Go to your Wix admin panel, and embed the code selecting Website as Embed Type:
4. Adjust the widget's size:
The widget's size is adjusted for desktop:
5. Then adjust the size for the mobile version. Switching to mobile view:
Go the widget's settings:
And adjust the height:
Done! The widget's size is adjusted for mobile as well:
If you have any questions left, please, feel free to contact our Support Team, we will be delighted to assist.