• Resolved bluestandish

    (@bluestandish)


    I am using woocommerce plugin and on the product page, the paginantion is still vertical. I asked from the woocommerce forum and i was told my theme may not have the styling to make the pagination horizontal. I need to know if you have any css suggestions to make the pagination horizontal for me? below is a link to my page with the pagination. Thank you in advance.

    wittywriters.com/find-writers

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi there Bluestandish!
    Do you mean more columns? Right now I can see you have 3 columns, but if I understand you correctly you want more than that right?

    Copy this code into you functions.php in your child theme and change the “3” to the number of columns you want:

    global $woocommerce_loop;
    $woocommerce_loop['columns'] = 3;

    Let me know if I misunderstood your question.

    Madhusudan Pokharel

    (@madhusudan977)

    Hello @bluestandish,
    How are you doing?
    The problem with the pagination is due to the list displayed vertically instead of horizontally.
    Add following CSS code in Admin’s Custom CSS section to get horizontal pagination buttons.

    .woocommerce nav.woocommerce-pagination ul {
    display:inline !important;
    }

    Let me know if you have any further queries.
    Regards.

    Thread Starter bluestandish

    (@bluestandish)

    Hello TouchCoding.net – ?yvind S?ther. I was actually talking about the pagination element – you know that displays at the bottom of the page where user can click to take them directly to particular catalog pages of the woocommerce plugin. it was displaying at the bottom vertically and i needed to get it to display horizontally. I think i have it now. I really appreciate your help.

    Thread Starter bluestandish

    (@bluestandish)

    Hello Madhusudan@WEN Solutions. I am most grateful. Thank you so much for the css solution. Everything works fine now. the pagination is now displaying horizontally just the way i like it. Thanks man.

    Madhusudan Pokharel

    (@madhusudan977)

    Hello @bluestandish,
    I am glad that I could help you.
    The issue was caused due to plugin’s CSS rather than theme’s CSS.
    Let me know if you face any further issue.
    Regards.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘pagination is vertical – how do i make it horizontal?’ is closed to new replies.