+1-888-365-2779
Try Now
More in this section

Forums / Designing with Sitefinity / How do you decrease the height of the image thumbnail

How do you decrease the height of the image thumbnail

7 posts, 0 answered
  1. JGarland
    JGarland avatar
    30 posts
    Registered:
    11 Nov 2006
    10 Jan 2011
    Link to this post
    How do you decrease the height of the white space above and below the thumbnail image in an Image Library control when the layout it set to "Image & List"?

    Please see attached.


  2. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    09 Dec 2016
    10 Jan 2011
    Link to this post
    Hello JGarland,

    There are css class selectors that you can use.

    ol.sf_photoListLightbox li dd.sf_image, ol.sf_listAndPage li dd.sf_image, ol.sf_photoListBigImg li dd.sf_image

    You might find this post useful.

    Regards,
    Ivan Dimitrov
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. JGarland
    JGarland avatar
    30 posts
    Registered:
    11 Nov 2006
    10 Jan 2011
    Link to this post
    This had no effect.

    ol.sf_photoListLightbox li dd.sf_image
    {
     height:10px;
    }

    ol.sf_listAndPage li dd.sf_image
    {
     height:10px;
    }

    ol.sf_photoListBigImg li dd.sf_image
    {
     height:10px;
    }

  4. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    09 Dec 2016
    10 Jan 2011
    Link to this post
    Hello JGarland,

    Is there a live page on which we could inspect the css rules that are applied?

    All the best,
    Ivan Dimitrov
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  5. JGarland
    JGarland avatar
    30 posts
    Registered:
    11 Nov 2006
  6. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    09 Dec 2016
    10 Jan 2011
    Link to this post
    Hi JGarland,

    You should set

    ol.sf_photoListBigImg .sf_bigImgSelected {
        background-color: #ECECEC;
        height: 90px;
    }
    ol.sf_photoListLightbox li dd.sf_image, ol.sf_listAndPage li dd.sf_image, ol.sf_photoListBigImg li dd.sf_image {
        height: 75px;
        margin: 0;
        overflow: hidden;
        padding: 0;
        position: relative;
        width: 150px;
    }

    I attached a sample screenshot.

    Kind regards,
    Ivan Dimitrov
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  7. JGarland
    JGarland avatar
    30 posts
    Registered:
    11 Nov 2006
    11 Jan 2011
    Link to this post
    Thanks! that works.
Register for webinar
7 posts, 0 answered