Support » Plugin: WPAdverts - Classifieds Plugin » Advert List Pagination Numbering Display Issue

  • Resolved jak0works

    (@jak0works)


    Hi

    We are looking at maximizing quality for our site and noticed that there are issues with the advert list pagination when the screen size hits 1340px and below.

    We first noticed this on mobile and after some testing with chrome, Firefox, EDGE we see it does indeed across all devices. When the break point of 1340px is hit it hides all numbers except the first page number 1. We aligned the pagination numbering into center with css thinking it may be an overflow alignment but issue remains.

    When the break point hits 1340px + the other numbers appear. 1 2 3 4 5 . When we go below this break point the numbers are hidden from view except 1.

    Presently that means only page 1 ads can be viewed on smaller devices.

    Thanks
    J

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Greg Winiarski

    (@gwin)

    Can you paste an URL to page where you are having this problem?

    Most likely this is something theme related as the WPAdverts is generating the pagination using paginate_links() function and does not apply any styling to the pagination.

    Thread Starter jak0works

    (@jak0works)

    The site is current offline so cannot share the page.

    We use the TwentySeventeen default Theme as a child theme.
    Dont think it is style related ether but for what it is worth here is the html code in that area from our site with css

    
    /* from adverts-frontend.css */
    .adverts-pagination span {
        border:1px solid;
        padding:2px 8px;
        font-weight: bold;
        font-size: 1.1em;
    }
    
    .adverts-pagination a.next, 
    .adverts-pagination a.prev {
        border: 0;
    }
    
    .adverts-pagination .dots {
        border: 1px solid transparent;
    }
    
    /* From the Home Page of the Site
    <div class="adverts-pagination">
    <span class="page-numbers current" aria-current="page">1</span>
    <a class="page-numbers" href="https://site.com/?pg=2">2</a>
    <a class="page-numbers" href="https://site.com/?pg=3">3</a>
    <a class="page-numbers" href="https://site.com/?pg=4">4</a>
    <a class="page-numbers" href="https://site.com/?pg=5">5</a>
    </div>
    
     

    Just having them show all the time would suit.

    I see this from @ https://codex.wordpress.org/Function_Reference/paginate_links

    show_all
    (boolean) (optional) If set to True, then it will show all of the pages instead of a short list of the pages near the current page. By default, the 'show_all' is set to false and controlled by the 'end_size' and 'mid_size' arguments.
    Default: False
    

    Is it possible to set up a filter to set show_all to true?

    Thanks
    J

    Plugin Author Greg Winiarski

    (@gwin)

    This is exactly a style related issue, in the theme style.css file on line 1970 there is following code

    
    .page-numbers {
        display: none;
        padding: 0.5em 0.75em;
    }
    

    it hides the page numbers, you should be able to change that by going to wp-admin / Appearance / Customize / Additional CSS panel and adding there the code below

    
    .adverts-pagination a.page-numbers {
        display: inline-block !important;
    }
    
    Thread Starter jak0works

    (@jak0works)

    ok the css

    
    .adverts-pagination a.page-numbers {
        display: inline-block !important;
    }

    Keeps the numbers visible..

    Thanks
    J

    Thread Starter jak0works

    (@jak0works)

    ..

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Advert List Pagination Numbering Display Issue’ is closed to new replies.