How to limit the width of the widget

To limit the width of the widget in the embedded page:

1) Add to the page you would like to embed the widget

<div class="opinionstage-widget-wrapper">
// Place here the Opinion Stage script code
</div>

2) Add to your CSS fileĀ 

.opinionstage-widget-wrapper { width: 650px; } 

Replace 650px with the width you would like to have
In order to set widths for different screen size please check following article: https://www.w3schools.com/css/css_rwd_mediaqueries.asp. Please apply different width to opinionstage-widget-wrapper CSS class in following manner:

@media only screen and (min-width: 600px) {
.opinionstage-widget-wrapper { width: 600px; }
}

@media only screen and (min-width: 768px) {
.opinionstage-widget-wrapper { width: 800px; }
}

Please note, the example here is for reference only, exact values (e.g. widths and screen sizes) may depend on exact needs and details of your site (which is varying a lot), so it's best to consult with HTML/CSS developer in order to get best results.

How to center the widget

the technique is similar to previous one, just add margin: auto to opinionstage-widget-wrapper CSS class:

.opinionstage-widget-wrapper { margin: auto; } 

Did this answer your question?