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

  • Profile Image
    researchfair
    Asked on December 19, 2016 at 02:53 PM
    Could I also get help with the CSS? I can't get the images on the image slider widget to align center.
  • Profile Image
    david
    Answered on December 19, 2016 at 03:15 PM

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

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

    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:

  • Profile Image
    researchfair
    Answered on December 19, 2016 at 04: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.

  • Profile Image
    david
    Answered on December 19, 2016 at 05: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