Photo Slider Widget Layout

  • GrassWorxLLC
    Asked on June 12, 2024 at 4:21 PM

    Is there a way to edit the layout so that the images do not show up below the slideshow? Or a way to make them much smaller than what they are?

    Photo Slider Widget Layout Image 1 Screenshot 20

  • Neil JotForm Support
    Replied on June 12, 2024 at 4:44 PM

    Hi Kaylee,

    Thanks for reaching out to Jotform Support. You can inject the CSS code below into the widget to hide the slider images on the footer.

    /*Remove the footer - #15863221 */
    .j-slider-footer {
      display: none !important;
    }
    .j-slider-container {
      height: 100% !important;
    }
    .j-slider-image img {
      top: 50% !important;
    }

    Let me walk you through it:

    1. In Form Builder, select the widget and click on the wand icon.
    2. Go to Custom CSS and paste the code.
    3. Lastly, click on Update Widget.

    That's it. Here's the result:

    Photo Slider Widget Layout Image 1 Screenshot 20 Give it a try and let us know if you need more help.

  • GrassWorxLLC
    Replied on June 13, 2024 at 11:15 AM

    Perfect! Exactly what I was looking for! Thank you!

 
Your Answer