Larger thumbnails

  • Resolved Dinamicore

    (@dinamicore)


    9 years, 2 months ago

    Hello support:

    I am trying to make the thumbnails wider, so the product will be a slider 1020px with 3 thumbnails each one 340 width, so horizontally they will fill up the 1020 width.

    Using this code:

    .sp-thumbnails-container.sp-bottom-thumbnails.sp-swiping, sp-thumbnails.sp-grab {
    width: 1020px !important;
    height:100% !important;
    }
    sp-thumbnail-container {
    width: 340px !important;
    }

    Without results.

    Please provide a working code.

    Thanks.

    https://www.ads-software.com/plugins/ultimate-responsive-image-slider/

Viewing 10 replies - 1 through 10 (of 10 total)

  • Hi Pablo,

    Please share your slider Live URL.

    We will check and if this is possible with design then provide your a Custom CSS code for you.

    Thanks

    Thread Starter Dinamicore

    (@dinamicore)

    Hello weblizer:

    Working now with this code:

    /*media all*/
    .support_section .container {
    margin: 0 auto;
    width: 100%;
    max-width: 1020px !important;
    }
    /*media all*/
    #content {
    padding-top: 0px !important;
    }
    sp-thumbnails-container {
    width: 340px !important;
    }
    .sp-thumbnail-container, img.sp-thumbnail {
    width: 340px !important;
    height: 240px !important;
    }

    I need to disable the effect on thumbnail that takes the image to the side; and some improvement in responsive behavior. URL HERE

    Please advice.

    Thanks

    Thread Starter Dinamicore

    (@dinamicore)

    UPDATE!

    I got the desired behavior with the following code:

    .sp-selected-thumbnail {
    border-color: transparent;
    border-left:0px !important;
    border-right:0px !important;
    border-top:0px !important;
    border-bottom:0px !important;
    }
    .sp-selected-thumbnail {
    opacity: 0.4 !important;
    filter: alpha(opacity=40) !important;
    -moz-opacity: 0.4 !important;
    -khtml-opacity: 0.4 !important;
    -webkit-transition: all 1s ease !important;
    -moz-transition: all 1s ease !important;
    -ms-transition: all 1s ease !important;
    -o-transition: all 1s ease !important;
    transition: all 1s ease !important;
    }

    Suggestions to improve the responsibe behavior using @media, welcome!

    Thanks

    Great you made it.

    Thread Starter Dinamicore

    (@dinamicore)

    Hello weblizer:

    Working fine in Google Chrome; but in the other browsers, the thumbnails go past the horizontal and align in a second row.

    ?Can you guess a conde to prevent this?

    Thanks

    Thread Starter Dinamicore

    (@dinamicore)

    Sorry I mean “Can you guess a code to prevent this?”

    Hi,

    Can you share me screenshot of the issue.

    Thanks

    Thread Starter Dinamicore

    (@dinamicore)

    We need only one row to render, not two or more.

    Our setup need to include 18 slides, but only 3 of the thumbnails to be visible; here the screenshot

    Thanks

    Thread Starter Dinamicore

    (@dinamicore)

    Hello support; no answer here and in the paid PRO plugin.

    I really need this going.

    Please contact me with private message, and also take a look at the paid forum thread.

    Thanks

    Moderator Jan Dembowski

    (@jdembowski)

    Forum Moderator and Brute Squad

    As you’re now a customer of this author please continue on their forums.

    As the author is aware, commercial products are not supported in these forums. As you are their customer I am sure they will have no problem supporting you there. Please continue on the paid support forum.

    https://weblizar.com/forum/viewtopic.php?f=31&t=1803

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Larger thumbnails’ is closed to new replies.