WooCommerce Pagination arrow left and right not showing

Support
#1

Hello, for some reason in my pagination the previous and next icons do not show up. Any help would be much appreciated. You can see here at the bottom of the page. I changed the icons from the standard default arrow, but even those weren’t showing for some reason.

#2

Hey,

I could not find any issue with the Chrome console, so, to check this better, can you provide to us your WP credentials in a secure note?

#3

Sure thing, I created a secure note. Not sure how to mark as private.

#4

Hi,

To fix it, you can add the code below in X > Launch > Options > CSS

/* Next */
.x-pagination i.fa.fa-angle-right:before {
    content: '\f105';
    font-family: fontawesome;
}

/* Previous */
.x-pagination i.fa.fa-angle-left:before {
    content: '\f104';
    font-family: fontawesome;
}

Hope that helps.

#5

Thank you so much for your help! That works! So if I’m understanding what you did correctly, are we putting an icon before the icon? It’s just strange because I have this issue on every woocommerce install with X theme. Good to know of this fix though.

Thanks!

#6

Also just FYI for those who want to change the pagination icon for WooCommerce. They can use the below code and put it in their child functions.php file:

// Change pagination icons

add_filter( 'woocommerce_pagination_args',  'rocket_woo_pagination' );
function rocket_woo_pagination( $args ) {
  $args['prev_text'] = '<i class="fa fa-angle-left"></i>';
  $args['next_text'] = '<i class="fa fa-angle-right"></i>';
  return $args;
}
1 Like
#7

You’re welcome and thanks for sharing :slight_smile: