Hello,

I'm using Ari Data Tables with CSS style "Ari Data Table". I want to adjust the table header layout as follows:
- a black background color.
- white descending / acending markings for filtering
However when I give the background a black color the descending/ascending markings disappear. I tried solving the problem with a z-index for the images (see below), but this doesn't work. Any ideas?


* Used CSS in custom.css: *

th.sorting {
color: #d7d7d7;
background: #333;
background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
background: -moz-linear-gradient(top, #666, #000);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
}
th.sorting_asc {
background: url("../images/icon/sort_asc.gif") no-repeat scroll right center;
position: relative;
z-index: 1;
}
th.sorting_desc {
background: url("../images/icon/sort_desc.gif") no-repeat scroll right center;
position: relative;
z-index: 1;
}

Hello,

Could you send a link to a page where we can see the table and an image where we can see what do you want to achieve?

Regards,
ARI Soft