Could I also get help with the CSS? I can't get the images on the image slider widget to align center.

  • researchfair
    Asked on December 19, 2016 at 2:53 PM
    Could I also get help with the CSS? I can't get the images on the image slider widget to align center.
  • David JotForm Support
    Replied on December 19, 2016 at 3:15 PM

    I checked your form and it looks like the images used in your slider widget are not publicly available:

    Could I also get help with the CSS? I cant get the images on the image slider widget to align center Screenshot 40

    Due to this, none of the images will be shown in the widget:

    Could I also get help with the CSS? I cant get the images on the image slider widget to align center Screenshot 51

    Once the images are displaying, you can add the following code to the widgets CSS section to adjust the margins for your images:

    .slidesjs-slide{
    margin-left : 200px;
    }

    Adjust the value for the margins to suit your images:

    Could I also get help with the CSS? I cant get the images on the image slider widget to align center Screenshot 62

  • researchfair
    Replied on December 19, 2016 at 4:23 PM

    Thanks! Is there an auto option? My last image has a different dimension so the margin wouldn't be the same as the rest. I've tried auto for left and right margins but the image doesn't move.

  • David JotForm Support
    Replied on December 19, 2016 at 5:54 PM

    Try adding the following code to the widget:

    .slidesjs-slide{
        position: absolute;
        top: 0; bottom:0; left: 0; right:0;
        margin: auto;
    }

    It will center the images both vertically and horizontally.

    https://form.jotform.com/63536171359965