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

Forums / Designing & Styling / Image Gallery Custom Style

Image Gallery Custom Style

5 posts, 0 answered
  1. aedev
    aedev avatar
    3 posts
    Registered:
    07 Jul 2009
    24 Jun 2011
    Link to this post
    Hi all,

    Anyone have sample layout.css entries to customize the background for the Image Gallery control ? Would like to simply change the background of the image gallery to white or transparent.

    On a related note, is it just me or is it hard to find what classes to use in the layout.css file to customize the controls provided by sitefinity ? ( I just can't seem to find the right documentation that links the class names to the controls, so if anyone can point me to this it will be really helpful as well.)

    Thank you

  2. Jordan
    Jordan avatar
    172 posts
    Registered:
    20 Oct 2015
    24 Jun 2011
    Link to this post
    Hi aedev,

    Here is our CSS classes reference.

    Can you provide us which type of image gallery you want to customize so we can point you correctly? Also you can always use Firebug to check the class name and to test everything on the fly.

    Best wishes,
    Jordan
    the Telerik team
    Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. Matt
    Matt avatar
    1 posts
    Registered:
    07 Jun 2011
    24 Jun 2011
    Link to this post
    If you check out cssmania, this effect is showcased here
  4. aedev
    aedev avatar
    3 posts
    Registered:
    07 Jul 2009
    24 Jun 2011
    Link to this post
    Jordan,

    We are simply using the Image Gallery Widget provided by default from the sitefinity Content controls. We are using the "Thumbnail strip + Image on the same page" setting.
    Looking at the source the class for the control is marked as sfTmbStripAndImageOnSamePage, I am not seeing any settings from the link you sent for this class though.

    Thank you

  5. Jordan
    Jordan avatar
    172 posts
    Registered:
    20 Oct 2015
    27 Jun 2011
    Link to this post
    Hello aedev,

    To change the background of the gallery with the thumbnails you can just put in your theme the following rule:

    .galleria-container {
            background-color: #fff !important;
    }


    Kind regards,
    Jordan
    the Telerik team
    Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
5 posts, 0 answered