Image slider widget: positioning images

Hello,

I am using the image slider widget for a project and would like the images to center on the form in the slider. Currently they appear to adjust to the left making the entire thing seem off balance proportionally with the form. I changed the settings for Align in properties for the widget to center and also right but these did not change the performance of the widget. Is there a CSS injection that would work to center the images on the form. Thanks for your help.

Kind Regards, 

Jason

Please try adding this CSS to your widget

How-to-Inject-CSS-Codes-to-Widgets

img:nth-child(1) {

position: absolute !important;

margin-left: 130px !important;

}

img:nth-child(3) {

position: absolute !important;

margin-left: 50px !important;

}

img:nth-child(4) {

position: absolute !important;

margin-left: 130px !important;

}

img:nth-child(5) {

position: absolute !important;

margin-left: 180px !important;

}

img:nth-child(6) {

position: absolute !important;

margin-left: 130px !important;

}

img:nth-child(7) {

position: absolute !important;

margin-left: 100px !important;

}

img:nth-child(8) {

position: absolute !important;

margin-left: 130px !important;

}

img:nth-child(10) {

position: absolute !important;

margin-left: 130px !important;

}

img:nth-child(11) {

position: absolute !important;

margin-left: 130px !important;

}