Skip to content
Grav 2.0 is officially stable. Read the announcement →

Community guidelines

Please keep discussions civil and on-topic. Repeated violations may lead to a temporary ban.

General

Silly pagination problem

Solved by pamtbaau View solution

Started by Bernhard Ernst 6 years ago · 10 replies · 937 views
6 years ago

Hi there,
again the grav newbie with a crazy problem: I'm just migrating from wp to grav. My website is simple, but large. I am using the standard Quark theme.
When I set the main blog page to display 10 items per page, the pagination shows 19 pages in the footer, and this is correct.
From page 1 to 17 I can click and enter the corresponding page. Clicking to page 18 is difficult, because the mouse pointer only shows a clickable link at a very small region. But however, page 18 is reachable with a little attention.
Page 19 is absolutely not reachable! The mouse pointer never indicates that 19 is clickable.

This happens on all of my computers and I tried 3.
Adjusting the number of items to 20, which halves the number of pages, everything is in order.
Any hint for my problem?

Regards
Berni

last edited 07/21/20 by Bernhard Ernst
6 years ago Solution

@berni51, I guess that's because the list of pages exceeds the with of the column and overflows below the content of the sidebar.

Try to make the <ul class="pagination"> wrap, by adding the following to '/user/themes/quark/css/custom.css':

CSS
.pagination {
    flex-wrap: wrap;
}

Result:
image|690x120

👍 2
last edited 07/21/20 by pamtbaau
6 years ago

@berni51, Odd.. It is working fine in a clean Grav 1.6.26 installation of the "Blog Site" skeleton using Quark and a bunch of extra blog items added...

  • Did you refresh the browser's cache?
  • Does the added css show up in the developer tools of the browser?
    image|454x109
    • If not, is 'custom.css' being loaded?
    • If it does, is it being overridden by another selector in css?
last edited 07/22/20 by pamtbaau
6 years ago

Hey @berni51 - I just took a quick look at your bullet500 enfield blog (as a motorbike addict, the URL got my interest...) and as I see in the developer tools, there is no
flex-wrap: wrap; CSS as @pamtbaau proposed - where did you add this ?

6 years ago

@pamtbaau: I feel that I made anything wrong, but I don't know, what. I wrote the modification into custom.css in the Quark folder. custom.css was empty until I changed it.
Then I cleared the cache, but nothing is wrapped.

@hoernerfranz: What you see under bullet500.de is the site with Wordpress. The grav-version is under bullet500/grav, as it is still under test.

regards
Berni

6 years ago

@berni, This is what I get when I browse to your Grav site... The custom.css is loaded as can been seen in the screenshot.

Did you really clear the cache in the browser when refreshing the page?

image|690x107

6 years ago

@berni51: I saw your site is WP, ATM, but found the grav test site anyway 😄
@pamtbaau: yes, that is also what I can see now.

6 years ago

@pamtbaau and @hoernerfranz: Sorry, my fault. I only cleared the grav cache 😳 . Thanks a lot for your kind assistance. Works perfect now.

Kind regards

6 years ago

@berni51, A caffe latte will make up for that...

6 years ago

With pleasure, @pamtbaau. Just looking for the thank-you-box.

@hoernerfranz: nice website, lovely little BMW.

Regards
Berni

Suggested topics

Topic Participants Replies Views Activity
General · by Jerry Hunt, 4 days ago
2 95 15 hours ago
General · by pamtbaau, 20 hours ago
1 61 19 hours ago
General · by Andy Miller, 1 day ago
0 47 1 day ago
General · by Marcel, 12 months ago
6 356 5 days ago
General · by Duc , 6 days ago
3 44 6 days ago