Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #177532

    I just completed a site, and everything is working well except for the WooCommerce pagination (nav.woocommerce-pagination / On the home page, it hides behind the third product image at the bottom, and on the products page, at the bottom, it duplicates the theme’s own pagination (which looks way better). I cannot seem to find the correct CSS titles to comment it out (eg. display:none;). Do you have a solution?

    Thanks so much! The site make over looks great!


    Hi KirinDesign!

    Try adding this code to the Quick CSS:

    	clear: both;
    .page-numbers li {
    	float: left;
    	padding: 8px;

    Best regards,


    Thanks Josue.

    As you will see when looking at the site, that corrected the formatting issue. However, I don’t want pagination on the home page, and the woocommerce pagination is redundant on the shop page. I would very much like to make them disappear entirely.

    Thank you for your continued help.



    Please add following code to Quick CSS as well

    .woocommerce-pagination { display: none!important; }




    Alright, so that all worked when in the JetPack Edit CSS space. When I entered these into the custom style.css, however, it does nothing. Am I stuck between a rock and a hard place?




    This file is for configuration purposes, if you want to have these modifications on a file that would be custom.css.



    Alright, thanks.

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

The topic ‘WooCommerce Pagination’ is closed to new replies.