skitter icon indicating copy to clipboard operation
skitter copied to clipboard

resizing the image width and height

Open Chapterchapter opened this issue 6 years ago • 4 comments

i cant resize the images width and height i cant rewrite the css it dosen't work so pls tell me how do i change the image width and size i just went to make ti the width of the image 100% and the height 520px. so pls help me with that

Chapterchapter avatar Feb 03 '19 20:02 Chapterchapter

Hello!

You can do this like it:

.skitter {
  max-width: initial;
}

See: https://codepen.io/thiagosf/pen/OdvmKq

thiagosf avatar Feb 10 '19 14:02 thiagosf

Hi there, how's it going? I'm facing a very similar scenario, my slideshow is working great but now I have to make it for 100% width of the page, always. I've been trying lots of CSS options but until now I've got nothing :-P :-( I'll try that codepen example, thanks!

fmertins avatar Jun 19 '19 14:06 fmertins

Hello, ok I believe I'm making some progress :-) @thiagosf How do we remove the navigation "bullets" below the images? Because I've tried the JSON "options" like hide_tools, navigation, etc but none of them seem to work :-(

fmertins avatar Jun 19 '19 19:06 fmertins

Cool! To remove the dots:

$('.skitter').skitter({ dots: false })

If you need, the doc is here: https://skitter-slider.net/options.html

thiagosf avatar Jun 19 '19 19:06 thiagosf