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

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 sizes please check the following article: Please apply different width to opinionstage-widget-wrapper CSS class in the 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 the 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 the previous one, just add margin: auto to opinionstage-widget-wrapper CSS class:

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

Did this answer your question?