This is a migrated thread and some comments may be shown as answers.

Style of the Title text

1 Answer 59 Views
ImageGallery
This is a migrated thread and some comments may be shown as answers.
Clive Hoggar
Top achievements
Rank 1
Clive Hoggar asked on 27 Aug 2020, 01:53 PM

Can someone help - I can't find anything in the docs, but it shoud be easy...

I have an image gallery working with sqldatasource and all looks good except the readability of the title text which appears over the image.

The customers for this website are 'senior citizens'  and can't read the captions. (see bessacarr-owners-club.org/photo-gallery.aspx)

My problem is that the text is a shade of grey and the surrounding box is also a (lighter) shade of grey. How can I make the text more contrasting.

eg the background darker and the text lighter?

Thanks

Clive

 

Q2 2016 controls in use

1 Answer, 1 is accepted

Sort by
0
Vessy
Telerik team
answered on 31 Aug 2020, 09:06 PM

Hi Clive,

By default, the color of the text in the ImageGallery description box is black/while (depending on the used skin), but it is overridden by the following global style set in the main.css file loaded on the page:

h4 {
    font-size: 1.1em;
    font-weight: 600;
    color: #5C7A93; 
    margin-top: 0px;
}

If you want to bring back the default color of the text, you can either make your h4 styles more specific (e.g., targeting classes instead of tag name), or by adding the following CSS to the page:

                div.RadImageGallery .rigDescriptionBox {
                    background-color: rgba(210,220,240,0.6); //lighter background
                }

                div.RadImageGallery .rigDescriptionBox h4,
                div.RadImageGallery .rigDescriptionBox {
                    color: #000; //darker font
                }

Regards,
Vessy
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
ImageGallery
Asked by
Clive Hoggar
Top achievements
Rank 1
Answers by
Vessy
Telerik team
Share this question
or