responsive thumbnails

  • Resolved drewstain

    (@drewstain)


    10 years ago

    Hello,

    Great plugin. I love how the featured large image acts fluidly but the thumbnails below it do now, I want to have 3 thumbnails under the featured image all with the width of 33% of the large featured image regardless of the screen size. I have looked at the css to try to achieve this but I was unable to, is there a way it cane be done? At the moment it seems you have to define a width and height for the thumbanails and it sticks to whatever you have chosen.

    thanks

    Andrew

    https://wordpress.org/plugins/ultimate-responsive-image-slider/

Viewing 5 replies - 1 through 5 (of 5 total)
  • weblizar_support

    (@weblizar_support)

    10 years ago

    Hello drewstain,
    the thumbnail dimensions can be changed by adding the following code in custom css-
    .sp-thumbnail-container{
    width:200px !important;
    }
    You can change the width size as your requirement.
    Thanks.

    Thread Starter drewstain

    (@drewstain)

    10 years ago

    Thanks for the reply, I want the featured image to be fluid however not a fixed width. When I try to do this with a % it breaks the code. 

    .sp-thumbnail-container{
        width:33% !important;
}

    So then I tried giving it a max and min width…

    .sp-thumbnail-container {
	max-width: 246px !important;
	min-width: 100px !important;
}

    This didn’t work either, so how can I get the thumbnails to be responsive and shrink according the size of the screen? Is it best to do it with media queries?

    weblizar_support

    (@weblizar_support)

    10 years ago

    Hello drewstain,
    .sp-thumbnail-container{
    width:250px !important;
    }
    .slider-pro img.sp-thumbnail{
    width:100% !important;
    margin-left:0px !important;
    margin-top:0px !important;
    }
    You can change the values as your requirement.
    NOTE: It will not be responsive.

    Thread Starter drewstain

    (@drewstain)

    10 years ago

    SO there is no way to make the thumbnails responsive?

    weblizar_support

    (@weblizar_support)

    10 years ago

    Hello drewstain,
    the thumbnails are responsive in present case, but in the customization you want…it is not possible in that.
    Thanks.

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

The topic ‘responsive thumbnails’ is closed to new replies.