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
@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’:
.pagination {
flex-wrap: wrap;
}
Result:
2 Likes
Thx @anon76427325, but it did’nt work: No wrap at all.
@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?
- If not, is ‘custom.css’ being loaded?
- If it does, is it being overridden by another selector in css?
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 @anon76427325 proposed - where did you add this ?
@anon76427325: 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
@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?
@berni51: I saw your site is WP, ATM, but found the grav test site anyway 
@anon76427325: yes, that is also what I can see now.
@anon76427325 and @hoernerfranz: Sorry, my fault. I only cleared the grav cache 
. Thanks a lot for your kind assistance. Works perfect now.
Kind regards
@berni51, A caffe latte will make up for that…
With pleasure, @anon76427325. Just looking for the thank-you-box.
@hoernerfranz: nice website, lovely little BMW.
Regards
Berni
