Declined
Last Updated: 24 Aug 2017 04:44 by Chris
Raimund
Created on: 01 Apr 2014 10:32
Category: ImageGallery
Type: Feature Request
2
imagegallery thumbnails background color
how can i change the background color of the imagegallery-thumbnailsarea ?

i have allready analysed the style under google.developers and found the style in rigThumbnailslst, but if i change the value in skins/imagegallery.css nothing is taken and nothing happens.
Attached Files:
8 comments
Chris
Posted on: 24 Aug 2017 04:44
thank god I found this post
Shoshanah
Posted on: 29 Apr 2014 22:25
Thank you William and Raimand! This was very helpful.
Raimund
Posted on: 04 Apr 2014 10:01
hey... thank you William

its really great that you helped me. Your proposals work(ed) perfekt.
maybe i can help you somewhen later.

regards
raimund
Attached Files:
Raimund
Posted on: 03 Apr 2014 14:15
hi william,
you are great. thanks.
i will embedd it tomorrow.
regards
raimund
Greg
Posted on: 03 Apr 2014 12:09
One other thing - I just kept the following:
<style type="text/css">
div.RadImageGallery .rigThumbnailsList {
    background-color: white;
}
</style>

I deleted the first part - gives a nice effect that way with just a little opacity in there.
Greg
Posted on: 03 Apr 2014 11:56
OK Raimund, here is what I got from Telerik and it works: On your page where you have your image gallery control (or on your external spreadsheet), you can add the following:

div.RadImageGallery .rigThumbnailsList img,
div.RadImageGallery .rigThumbnailsList a:hover img {
    opacity: 1;
}
div.RadImageGallery .rigThumbnailsList {
    background-color: white;
}

Here is what they said about it: "The first one will make the images look lighter, as required and the second sets the background color to white. Note that the first rule consists of two comma separated selectors. The second of which is responsible for the hover effect. If like the default hover effect you can delete the second part of the selector or if you like to apply different style for hover, you can take the selector in a separate rule and define the appropriate style."

A couple of things that I have found out - one is that the opacity can go from 0 where you cannot see the image gallery to 1 where there is no opacity. Second - and I didn't know this but you might have - is the reason that you have to have the div tags in these css classes is because you have to increase the CSS Specificity so they will override the embedded style sheet - here is a link that explains CSS Specificity: http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/  -- this link comes from the Telerik documentation page on modifying embedded skins: http://www.telerik.com/help/aspnet-ajax/introduction-modifying-built-in-skins.html

BTW, my name is William - Greg is my boss who bought the Telerik software - I'm the geek using it. Hope this helps - worked for me.
Raimund
Posted on: 02 Apr 2014 19:33
hey thanks Greg.
Greg
Posted on: 02 Apr 2014 18:56
I sent in a support ticket for that very problem - also wanted to know how to change the default and hover colors as they are way to dark.