Image Gallery Custom Style - Front- & Back-End Development - Front- & Back-End Development - Progress Community
 Front- & Back-End Development

Image Gallery Custom Style

  • Image Gallery Custom Style
  • 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

  • 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
  • If you check out cssmania, this effect is showcased here
  • 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

  • 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