[TablePress] How to change the color of the next/prev arrows ?

  • Resolved Fighter2k13

    (@fighter2k13)


    11 years, 11 months ago

    Hello,

    I’ve been using the TablePress which I love a lot. I managed to customize everything I need through the CSS but I can’t find a way to change the color of the previous and next small arrows. It looks quite weird.

    You can have a check of the Table here on our homepage if you scroll down a bit: https://www.thepremierleague.eu

    Thanks in advance for your help !

    Laurent

Viewing 7 replies - 1 through 7 (of 7 total)

  • Hi Laurent,

    thanks for your question.
    Please try this “Custom CSS” to change the colors of the arrows:

    .paginate_enabled_previous:before,
.paginate_enabled_next:after {
	color: #ff0000;
}
.paginate_disabled_previous:before,
.paginate_disabled_next:after {
	color: #00ff00;
}
.paginate_enabled_previous:hover:before,
.paginate_enabled_next:hover:after {
	color: #0000ff;
}

    There are three basic states: disabled, enabled, and enabled plus hovered.

    Regards,
    Tobias

    Thread Starter Fighter2k13

    (@fighter2k13)

    Hello Tobias,

    Thanks a lot for your answer ! However, this is not what I was seeking for. I explained it bad thats my mistake. I was talking about the hyperlinks color “previous” and “next” below the tables. The color is black on black and I wanted to put them in another color so we can see them better.

    Thanks again,

    Hi,

    ah, ok ??
    Then please try this:

    .dataTables_paginate .paginate_enabled_previous,
.dataTables_paginate .paginate_enabled_next {
	color: #ff0000 !important;
}
.dataTables_paginate .paginate_disabled_previous,
.dataTables_paginate .paginate_disabled_next {
	color: #00ff00 !important;
}
.dataTables_paginate .paginate_enabled_previous:hover,
.dataTables_paginate .paginate_enabled_next:hover {
	color: #0000ff !important;
}

    Regards,
    Tobias

    Thread Starter Fighter2k13

    (@fighter2k13)

    Awesome it works ! much thanks

    Hi,

    sure, no problem! ?? You are very welcome!

    Best wishes,
    Tobias

    P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

    Thread Starter Fighter2k13

    (@fighter2k13)

    ??

    Hi,

    great to see that I made you happy ??

    Best wishes,
    Tobias

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘[TablePress] How to change the color of the next/prev arrows ?’ is closed to new replies.