Home Forums Weaver Show Posts & Show Sliders Distance between images

Topic Resolution: Resolved

This topic contains 6 replies, has 2 voices, and was last updated by  Yvonne 5 months ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #54638

    Yvonne
    Participant

    How can you reduce the distance between images in the slider-carousel to “0”?

    #54642

    scrambler
    Moderator

    Please provide a link to the page with the carousel slider

    #54646
    Private Reply

    Yvonne
    Participant
    This reply has been marked as private.
    #54647

    Yvonne
    Participant

    It would also be good if the slider carousel displayed on the smartphones one picture instead of the one on the PC because miniatures are displayed

    #54648

    Yvonne
    Participant

    #54649

    scrambler
    Moderator

    – For the space, put the rule below in the Custom CSS Rule box at the bottom of the slider editing page.

    .this-slider .slide-post {margin:0;}

    This will remove all margins horizontal and vertical. If you only want to remove the horizontal use

    .this-slider .slide-post {margin:15px 0;}

    -For the mobile display, play with the values in the slider editing page under carousel options. Start by putting 1 in the box “minimum number of visible carousel items).

    If that does not do it, try setting a value in the width box

     

    #54686

    Yvonne
    Participant

    thank you. Everything worked out perfectly.

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.