Community Forums › Forums › Archived Forums › Design Tips and Tricks › Change post pagination page 1 2 3 in elven40
- This topic has 17 replies, 2 voices, and was last updated 11 years, 2 months ago by SoZo.
-
AuthorPosts
-
February 2, 2013 at 3:07 am #17321GraywolfsurvivalMember
I've been looking everywhere for this answer so I hope someone can help. I have the eleven40 theme at http://graywolfsurvival.com
The post pagination (where the <!--nextpage--> code displays) shows as 'Page: 1 2 3' etc. It's WAY too small and people keep missing the fact that my posts are more than one page long.
How do I at least make the font bigger and change the color, if not outright customize it? This is driving me crazy now. I'd obviously rather edit the eleven40 pages but at this point, I'll do anything.
February 2, 2013 at 3:28 pm #17426SoZoMemberWhere do you have the post pagination?
John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography
February 2, 2013 at 3:44 pm #17438GraywolfsurvivalMemberIt's at the bottom of every large post, such as http://graywolfsurvival.com/1215/how-to-read-people/ , right under the sharing icons before the comments.
I thought I had it fixed this morning when I changed the font in the .navigation section of style.css from 14 to 20 to at least do something but now when I look at the site, it's still small.
February 2, 2013 at 3:47 pm #17441SoZoMemberIt's not wrapped in a "navigation" class not sure why that would have worked. You should be able to target it using p.pages though.
John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography
February 2, 2013 at 3:48 pm #17442GraywolfsurvivalMemberThis is what .navigation shows at the moment:
/* Post Navigation
------------------------------------------------------------ */.navigation {
overflow: hidden;
padding: 20px 0;
width: 100%;
}.navigation li {
display: inline;
}.navigation li a,
.navigation li.disabled,
.navigation li a:hover,
.navigation li.active a {
background-color: #444;
border: none;
color: #fff;
font-family: 'Oswald', arial, serif;
font-size: 20px;
padding: 5px 12px;
}.navigation li a:hover,
.navigation li.active a {
background-color: #ed702b;
border: none;
text-decoration: none;
}February 2, 2013 at 3:52 pm #17444GraywolfsurvivalMemberHmm. I'm still pretty new to hacking into this stuff. Where would I find p.pages? I don't see that in style.css anywhere.
February 2, 2013 at 4:20 pm #17452SoZoMemberAnytime there's a rule that you need that isn't already in the style sheet you'll need to add it.
John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography
February 2, 2013 at 4:22 pm #17454GraywolfsurvivalMemberlol. ok. A little help?
What would be the code that I would need to add to increase the font of the Page: 1 2 3 from the current small size to something bigger? Where would I put this?
February 2, 2013 at 4:38 pm #17461SoZoMemberDo you understand CSS syntax? The font-size property controls text size and p.pages would be your selector, so something like p.pages { font-size: 20px; } and CSS cascades so add it anywhere below the default font-size rule.
John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography
February 2, 2013 at 4:49 pm #17464GraywolfsurvivalMemberWell, I've tried it in a couple of different places on the sheet, and even made it the last line of the style.css. I guess I'm too stupid to figure this out with the guidance I've been given. It's not working.
February 2, 2013 at 4:50 pm #17465SoZoMemberI'm not seeing it in your style sheet anywhere. Do you have a caching plugin enabled or are you using Cloudflare or a CDN service?
John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography
February 2, 2013 at 4:54 pm #17467GraywolfsurvivalMemberI have w3tc and cloudflare CDN but I've cleared out both every time I try.
At this moment, I have p.pages { font-size: 20px; } placed as the last line in style.css of eleven40 and cleared all my cache and the CDN cache.
February 2, 2013 at 4:56 pm #17468SoZoMemberStill not showing up. You may need to wait a bit.
John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography
February 2, 2013 at 4:58 pm #17471GraywolfsurvivalMemberIt may still be cached in the cloud sharing network then if I've actually done it correctly. I'll give it a day and pop back in if it doesn't work or report that it did.
February 3, 2013 at 2:22 am #17573GraywolfsurvivalMemberIt appears as though the font size has finally changed. Thank you for pointing that out. This caching thing drives me crazy sometimes.
I think the biggest problem I'm having is that the GD stars and the social icons are above the pagination so after people finish reading the last sentence, they see those and are still going to miss that there's a next page.
For me to put the pagination immediately after the last paragraph and before the GD stars, am I going to have to edit the core Genesis file somewhere or is this possible somehow in the eleven40 page(s)?
February 3, 2013 at 8:01 am #17598SoZoMemberHow are GD rating and the sharing icons added. You're adding the pagination directly into the post editor right? If so I don't see how those other things are above it.
And Cloudflare has a development mode you can enable which should turn it off for a bit.
John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography
February 3, 2013 at 9:00 am #17611GraywolfsurvivalMemberBoth the additions are just plugins. I didn't have to add any code to get them to show up.
February 3, 2013 at 12:45 pm #17642SoZoMemberYou'll need to figure out how they are injecting themselves into the post then, edit that or see if there is a way you can turn off the automatic insertion and see if they have some sort of template tag you can add to the after+post_content hook.
John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.