I’m very new to these forums. Please excuse me if I haven’t caught on to posting in the right place. I’ve searched for info, but haven’t found this item reported.
I’m using <!--nextpage--> to break up longer posts into pages.
The problem is, I don’t like how the page numbers are formatted or how they appear in the template.
Right now, I’m just tackling the CSS. I found the page numbers are wrapped in a DIV with the class “link-pages”. I found the .link-pages line in style.css and attempted to modify it, but nothing I do has any effect.
I’ve created a child theme and copied the .link-pages definition into THAT style sheet, then tried to modify it from there. I’ve also tried using a first-child pseudo-class definition to modify the paragraph tag nested inside the DIV. All to no avail. Nothing changes the appearance of the page numbers whatsoever.
I used to be pretty good with CSS, but I’ve been out of the game for a while, so my knowledge is behind the times.
I also want to make changes to where in the template the page numbers appear, but I figure a simple style change is easier and … baby steps.
Here is how I have “link-pages” defined in my style sheet:
font: normal 14px "Courier New";
Any help you could give would be much appreciated.
Oops! I figured this one out. I was seriously over-complicating things. I’ve fixed my problem using “.link-pages p” rather than just “.link-pages.”
Viewing 2 posts - 1 through 2 (of 2 total)
You must be logged in to reply to this topic.
This free Support Forum relies on contributions from our support staffs and fellow Graphene themes users. While we endeavour to provide adequate and timely support, due to its voluntary nature responses are not guaranteed and may be delayed.
If you require urgent assistance, you may like to consider our Priority Support option.