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

Forums / Developing with Sitefinity / Alter layout of gallery thumbnails

Alter layout of gallery thumbnails

5 posts, 0 answered
  1. Laura Newman
    Laura Newman avatar
    11 posts
    Registered:
    26 Jan 2010
    26 Jan 2010
    Link to this post
    Hey,

    How do you reduce the vertical and horizontal spacing between the thumbnails?  Currently there are three per line and I would ideally like 4, and also the vertical spacing needs to be reduced.

    Many thanks,
    Laura
  2. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    12 Sep 2017
    26 Jan 2010
    Link to this post
    Hello Laura Newman,

    Do you refer to ImageGalley control or somewhere to the backend? I suppose you want to modify the public control, but it depends which mode you use. However, below is a sample that illustrates which classes you have to modify for List and Page mode  and Lightbox mode of ImageGalley control

    OL.sf_photoListLightbox LI DD.sf_image
      {
          height:100px !important;
      }
      OL.sf_photoListLightbox LI
      {
          height:12em !important;
      }
      ol.sf_listAndPage li
      {
          height:12em !important;
      }
       
      ol.sf_listAndPage li dd.sf_image
      {
          height:100px !important;
      }


    All the best,
    Ivan Dimitrov
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  3. Laura Newman
    Laura Newman avatar
    11 posts
    Registered:
    26 Jan 2010
    27 Jan 2010
    Link to this post
    Hi,

    Many thanks, just one thing, I'm really new to SItefinity and am learning as I go, where do I find the file to edit?

    Thanks,
    Laura
  4. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    12 Sep 2017
    27 Jan 2010
    Link to this post
    Hello Laura Newman,

    There are two options

    1. You can add the css classes to your theme stylesheet.

    2. You can map the external templates ( available for downloading from your account >> downloads section) and use CssFileLink control to set the path to your external stylesheet.

    All the best,
    Ivan Dimitrov
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  5. Laura Newman
    Laura Newman avatar
    11 posts
    Registered:
    26 Jan 2010
    27 Jan 2010
    Link to this post
    Brilliant, thanks so much.
    Laura
Register for webinar
5 posts, 0 answered