Image slider widget: positioning images

  • Profile Image
    jasonsvctech
    Asked on January 01, 2018 at 08:57 AM

    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

  • Profile Image
    aubreybourke
    Answered on January 01, 2018 at 10:33 AM

    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;

    }