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

    Hello!
    I just completed a site, and everything is working well except for the WooCommerce pagination (nav.woocommerce-pagination / ul.page-numbers). 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!

    http://strungoutssg.com

    #177687

    Hi KirinDesign!

    Try adding this code to the Quick CSS:

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

    Best regards,
    Josue

    #178453

    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.

    #178539

    Hey!

    Please add following code to Quick CSS as well

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

    Regards,
    Yigit

    #178542

    Hey!

    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?

    Thanks.

    #178646

    Hey!

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

    Regards,
    Josue

    #179116

    Alright, thanks.

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

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