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

Grid Styling Part 2

1 Answer 509 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Richard
Top achievements
Rank 1
Richard asked on 25 May 2012, 11:04 AM
Hi,

I asked a question earlier about styling the grid. I've read the documentation supplied and have been playing with firebug to get the styling options I need to mimic CRM.

I've got stuck trying to make the cells in the header smaller in height. Can anyone tell me where I'm going wrong? I've added the following styles (bold bit isn't doing what I'd like them to):

 <style>
   .k-grid { border-bottom: none; }
   .k-header { background-color:#F5F7F9;color:black;font-family:tahoma;font-size:11px; }
   .k-header.k-link { color:black; }
   .k-state-selected { background-color:#A7CDF0;background-image:none;color:black;}
   .k-alt.k-state-selected  { background-color:#A7CDF0;background-image:none;color:black;}
   tr { font-family:tahoma;font-size:11px;color:black;border-bottom:solid 1px #DBDEE1;height:21px;}
   .k-alt { background-color:white; }
   .k-grid td { padding:0px 10px;margin:0px;border-bottom:solid 1px #DBDEE1; }
   .k-grid-header { padding:0px 0px;margin:0px; }
 </style>

1 Answer, 1 is accepted

Sort by
0
Richard
Top achievements
Rank 1
answered on 25 May 2012, 11:20 AM
It's OK, I found it :)

.k-grid-header .k-header { padding:0px 10px;margin:0px; }
Tags
Grid
Asked by
Richard
Top achievements
Rank 1
Answers by
Richard
Top achievements
Rank 1
Share this question
or