Regarding to make style of pagination

  • Author
    Posts
  • #162560
    ssccglapex
    Member

    Dear Sir,
    Please see this link;

    https://ssccglapex.com/page/2/

    Here, I am asking about the pagination. I want to change the color of “previous and Next” button and also make black border of pagination 1,2 3 ,…. so on.
    Thank you.

    The blog I need help with is: (visible only to logged in users)

    #162573
    tarasdashkevych
    Theme Author

    Hello,

    To change a color of the “previous and next” buttons, please use this custom CSS:

    
    .navigation.pagination .nav-links a.prev,
    .navigation.pagination .nav-links a.next {
      color: white;
      box-shadow: none;
      background-color: black;
    }
    
    .navigation.pagination .nav-links a.prev:hover,
    .navigation.pagination .nav-links a.next:hover {
      color: white;
      background-color: gray;
    }
    

    To add border to number buttons, please use this custom CSS:

    
    .navigation.pagination a.page-numbers {
      background-color: #ffffff;
      box-shadow:  0 0 0 1px;
    }
    
    .navigation.pagination a.page-numbers:hover {
      color: green;
    }
    

    Please let me know if you have any additional questions about the pagination section.

    Kind regards,
    Taras

    #162578
    ssccglapex
    Member
    Original poster

    Thank you 🙏 Sir

    #162591
    tarasdashkevych
    Theme Author

    You are very welcome!

    Best regards,
    Taras

  • The topic ‘Regarding to make style of pagination’ is closed to new replies.