Image Gallery Custom Style

Posted by Community Admin on 05-Aug-2018 00:46

Image Gallery Custom Style

All Replies

Posted by Community Admin on 24-Jun-2011 00:00

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

Posted by Community Admin on 24-Jun-2011 00:00

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

Posted by Community Admin on 24-Jun-2011 00:00

If you check out cssmania, this effect is showcased here

Posted by Community Admin on 24-Jun-2011 00:00

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

Posted by Community Admin on 27-Jun-2011 00:00

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

This thread is closed