Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
80
Problem Colouring headers with css
posted

I currently have a small problem when trying to set a background image for webgrid headers using CSS. I am using WebGrid 7.3 and have set a CSS class for the HeaderStyleDefault which sets a blue gradient image (as seen on the attached image) as the background image for the headers. This applied the image but also applied it to the row selectors and the acual data rows in the grid. I wanted the same image on the row selectors so this is not a problem, however I did not want to image on the data rows and so set up a new CSS class and assigned it to RowStyleDefault. This successfully removed the image from the data rows however it also seems to have removed it from the small square area in the top left corner of the grid (between the headers and the row selectors). This obviously doesnt look good but I have been sofar unable to find how to get the image to apply to this square without affecting the data rows.

 

Any help would be greatly appreciated.