Pagination justify

Home Forums Gillion Theme Pagination justify

Home Forums Gillion Theme Pagination justify

This topic contains 9 replies, has 2 voices, and was last updated by  Shufflehound Support 4 months, 1 week ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    RESOLVED Posts
  • Hi there,

     

    I’ve got a problem with pagination element in the search result page. Every second page (actually, every odd page) has a pagination element moved to the right-hand side.

     

    Could you have a look into this, please?

     

    See screenshots attached.

     

    Kind regards,

     

    Pako.

    Attachments:
    You must be logged in to view attached files.

    Hi Pako,

     

    I hope you are well today and thank you for your question.

     

    Could you please share me the page URL from your site where it is not displaying correctly so that I can troubleshoot it?

     

    Best regards,
    Shufflehound team

    It’s actually strange, as it works differently every time.

     

    Please have a look at this page:

     

    http://new.trainlikeabadass.com/page/2/?s=protein+flapjack

     

    Once you’ll navigate a page back/forward, the pagination location changes.

     

    Thank you.

     

    Pako.

    You can resolve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    .sh-pagination ul.page-numbers {
        clear: both;
    }

    Sorted. 🙂

     

    How about putting it right in the centre? ;>

     

    Regards.

    Please use the below CSS code to display it center aligned.

     

    .sh-pagination ul.page-numbers {
        margin: 0 auto;
    }

    Well, not much working.

     

    http://new.trainlikeabadass.com >> Search >> protein flapjack

     

    Regards.

    Attachments:
    You must be logged in to view attached files.

    Solution for this topic

    It seems you have removed my initially shared CSS code which you should not.

     

    Instead of using the above shared CSS code, you can use the below combined CSS code.

     

    sh-pagination ul.page-numbers {
        margin: 0 auto;
        clear: both;
    }

     

    Oh, now it’s working (used separated CSS codes).

     

    Sorted, thank you. 🙂

    You are always welcome here 🙂

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