Search for: Log In Free Support [Resolved] Pagination Button for Homepage, Archive Page Home › Forums › Support › Pagination Button for Homepage, Archive Page This topic has 6 replies, 2 voices, and was last updated 7 months, 3 weeks ago by Leo. Viewing 7 posts - 1 through 7 (of 7 total) Author Posts August 22, 2020 at 5:41 am #1413702 Rohan Verma Hi. I want to get the pagination button look for all archive pages and homepage. Example Screenshot: https://prnt.sc/u3zu74 Example site: getdroidtips.com August 22, 2020 at 9:12 am #1413979 LeoStaff Customer Support Hi there, Something like this should help to get you started: .wpsp-load-more { display: flex; } .page-numbers:not(.dots) { background-color: #000000; color: #ffffff; padding: 10px; } .page-numbers.dots { align-self: flex-end; } Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ August 22, 2020 at 11:46 am #1414118 Rohan Verma 1. How can I add the hover color? 2. Can you make it separate buttons? They all are combined. 3. Want to reduce the vertical height as well. August 22, 2020 at 11:49 am #1414123 LeoStaff Customer Support 1. Try this: .page-numbers:not(.dots):hover { background-color: #000; color: #fff; } 2. The example you’ve linked looks all combined as well. Try removing this CSS: .wpsp-load-more { display: flex; } 3. Modify the padding property in this block of CSS: .page-numbers:not(.dots) { background-color: #000000; color: #ffffff; padding: 10px; } Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ August 22, 2020 at 11:50 am #1414126 Rohan Verma One thing I need to mention that the combined box is only appearing on the homepage. The same pagination design on the category and tags archive pages look fine. August 22, 2020 at 12:04 pm #1414143 Rohan Verma Thanks. Working great. August 22, 2020 at 1:40 pm #1414222 LeoStaff Customer Support No problem 🙂 Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ Author Posts Viewing 7 posts - 1 through 7 (of 7 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In