How To Fix Pagination Numbers Being Stacked Up

Table Of Contents

    On some themes, the pagination numbers on the WooCommerce Wholesale Order Form will not inherit the proper styles from WooCommerce.

    We’ve found this to be a common enough problem that we have created some workaround CSS code.

    In many themes, there is a box in the theme options for inserting custom CSS. Otherwise, look to add the following in your style.css file in your theme.

    ul.page-numbers {
        list-style: none;
        text-align: center;
        padding: 1em 0;
    } 
    
    ul.page-numbers li {
        display: inline-block;
        list-style: none;
    } 
    
    in WooCommerce Wholesale Order Form
    [data-image-id='gourmet_bg']
    [data-image-id='gourmet_bg']
    [data-image-id='gourmet_bg']
    [data-image-id='gourmet_bg']
    [data-image-id='gourmet_bg']
    [data-image-id='gourmet_bg']
    [data-image-id='gourmet']
    [data-image-id='gourmet']
    [data-image-id='gourmet']
    [data-image-id='gourmet']
    [data-image-id='gourmet']
    [data-image-id='gourmet']
    [data-image-id='gourmet']
    [data-image-id='gourmet']
    [data-image-id='gourmet']
    [data-image-id='gourmet']