How to change color of prev/next arrows

  • Resolved Tim Burkart

    (@bigmoxy)


    4 years, 5 months ago

    Hi Tobias,

    I’m sorry to bother you for this one but I am not able to isolate the CSS to change the color/background color of the prev/next arrows. I tried setting the color of .paginate_button:hover but that changed the text color of the word next. I want to change the color of the arrows.

    Would you be able to assist me?

    Thank you!

    The page I need help with: [log in to see the link]

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

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    To change the colors of just the arrows, please use

    .dataTables_wrapper .paginate_button:before,
.dataTables_wrapper .paginate_button:after {
	color: #d9edf7;
}
.dataTables_wrapper .paginate_button:hover:before,
.dataTables_wrapper .paginate_button:hover:after {
	color: #049cdb;
}
.dataTables_wrapper .paginate_button.disabled:before,
.dataTables_wrapper .paginate_button.disabled:after {
	color: #f9f9f9;
}

    Regards,
    Tobias

    Thread Starter Tim Burkart

    (@bigmoxy)

    This works perfectly! Thank you!!!

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    no problem, you are very welcome! ?? Good to hear that this helped!

    Best wishes,
    Tobias

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to change color of prev/next arrows’ is closed to new replies.