[Plugin: WP-Table Reloaded] Hide the column sort arrows

  • Resolved sygtivar

    (@sygtivar)


    14 years, 3 months ago

    Hi Tobias,

    Would it be possible to hide the bd.gif asc.gif and desc.gif images with custom css? I still want to be able to sort, but the pictures are on top of some of my column headers.

    I have tried putting the following into the Custom CSS (with a custom colour) but it does not work correctly.

    .wp-table-reloaded .header {
	background: #E6EEEE;
	cursor: pointer;
}
.wp-table-reloaded .headerSortUp {
	background: #3e6a6b;
}

.wp-table-reloaded .headerSortDown {
	background: #3e6a6b;
}

    Any ideas?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    if you add the “!important” keyword to the CSS, it should work as expected:

    .wp-table-reloaded .header {
	background: #E6EEEE!important;
	cursor: pointer;
}
.wp-table-reloaded .headerSortUp {
	background: #3e6a6b!important;
}

.wp-table-reloaded .headerSortDown {
	background: #3e6a6b!important;
}

    Best wishes,
    Tobias

    Thread Starter sygtivar

    (@sygtivar)

    Thanks Tobias,

    I did not know about the !important keyword in css could be very usefull ??

    I realised that my css was slightly wrong – I needed the sorting class not the header class. Also didn’t need the !important keyword on the background, but did when I tried to change the colour. Here’s what I ended up with:

    .wp-table-reloaded .sorting {
	background: #E6EEEE;
}
.wp-table-reloaded .sorting_asc {
	background: #3e6a6b;
        color: #f0f0f0!important;
}

.wp-table-reloaded .sorting_desc {
	background: #3e6a6b;
        color: #f0f0f0!important;
}

    Thank you so much for such a wonderful plugin! ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘[Plugin: WP-Table Reloaded] Hide the column sort arrows’ is closed to new replies.