Support Forums

Support Forums Forums Search & Filter Pro Pagination button styling

This topic is: not resolved

This topic contains 10 replies, has 2 voices, and was last updated by  Trevor 3 months ago.

Viewing 10 posts - 1 through 10 (of 11 total)
  • Amy Edwards


    I need to style the pagination button so that it’s a rectangular button instead of a round circle which is too small for the text. How can I change this styling please? URL is


    Trevor Moderator

    Your appear to be using our Shortcode Display Results method, and the default results.php code has support for the free WP PageNavi plugin, which allows a lot of options for navigation styling. Did you use that?

    Amy Edwards

    Hi Trevor,

    Thank you for your response but this plugin doesn’t help me to achieve what I need. All I want is a button in the center of the page saying “see more experts” in a rectangle box. I can’t see how to change the CSS styling for the round button anywhere?

    Amy Edwards

    Hi Trevor,

    Can you help me please ASAP as I need to deliver this project soon! Thank you.

    Trevor Moderator

    You have some style (not from our plugin) that is shaping the button:

    #top .pagination .current, #top .pagination a, #top .fullsize .template-blog .pagination a {
        float: left;
        height: 35px;
        width: 35px;
        line-height: 35px;
        text-align: center;
        padding: 0;
        border-radius: 100px;
        margin-right: 3px;
        box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.2);

    It is this part:

    #top .pagination a {
        border-radius: 100px;

    So, this should remove that:

    #top .search-filter-results .pagination a {
        border-radius: 0;
    Amy Edwards

    Thank you that’s great Trevor!

    Can I also ask how I alter the custom results.php code you wrote for Enfold so that it’s 4 columns instead of 3?


    Trevor Moderator
    This reply has been marked as private.
    Amy Edwards

    It was from this thread:

    Took me a while to find but it was so helpful!

    Trevor Moderator

    My guess is ….

    In this:

    if ( ( $gridRowPostCount == 3 ) || ( $gridRowPostCount == $gridTotalPostCount ) ) {?>
    		<?php }
       if ( $gridRowPostCount == 4 ) $gridRowPostCount = 1; ?>

    The 3 becomes 4 and the 4 becomes 5. Not tested though!!

    Amy Edwards

    Sorry it messes up the styling somewhat…

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

You must be logged in to reply to this topic.