Gridiculous, pagination pages numbers color
-
As you can see, I’ve got myself into a stew with this.
I LOVE the way this theme (and Newsy) provide the number of pages to click between, and I want it to look good. Of course !
Ideally, I’d like the page numbers to be white; and the backgrounds of all the numbers, plus the base total, to be and to remain that mid-blue that’s currently showing under the 1.
I know that’s a matter of links; I just don’t know how to get the page numbers showing white.
:-/The blog I need help with is: (visible only to logged in users)
-
Hi!
Just to be sure to have understood: You want all your pagination links to be the same color & background as the active page.
You can do that by adding some CSS rules (customize>>CSS). First, the background-color.#pagination .total-pages, #pagination .page-numbers { background-color: rgb(67, 102, 151); }Then, the numbers color
#pagination .total-pages, #pagination a.page-numbers { color: rgb(22, 107, 191); }But with these adjustments, you will not be able to differentiate the current page and the others to click on. Take into account that right now, if you hover in one of the other numbers, it becomes white and its background changes to show you that’s a link.
Just in case you want to change something in case you hover on one of the other numbers, I point you, the rule should be something like:#pagination .page-numbers:hover { background-color: red; color: yellow; }Yes… yellow over red sounds awful :)
I hope this helps you. -
Hi MR! Glad to see you around these parts again. :)
It looks like raulanton ‘s code should get you the page numbers colored the way you want.
Let me know if there’s something else I can help with! :)
-
I apologise to both: I bloody KNOW I ticked the little box at the bottom, as it’s the first thing I do – BEFORE typing in the box !!!
Sighh …
Mil gracias, Ralaunton ! – you are a helpful bloke. :D -
http://snag.gy/3biJU.jpg
Using your 2 sets of coding, Ralaunton, that’s what’s now seen (and looks much better !).
But if I understand you correctly, the third piece of code was to set up the pagination changing, as it is meant to, according to mouseover, etc.
However, using only that third code doesn’t change anything … -
Hi M.R. The following will make the dots in the blank pagination box white, which is one thing I noticed.
span.page-numbers.dots { color: #fff; }On the pagination hover, we need to break things up into two in order to set a different background color and font color. Also, there seems to have been an opacity set on them which I have taken back to 1 so it doesn’t make everything look grey-ish. Try this and edit as desired.
#pagination .page-numbers:hover { background-color: red; } #pagination a.page-numbers:hover { color: blue; opacity: 1; } -
Hurro ! – whew !
I got lovely white dots – but nuffink else changed.
What idiotic thing have I misunderstood, Rich ? – for instance, did you mean me to leave all the other stuff and ADD your code ?
I didn’t: as is my wont, I removed everything related and replaced with what you provide above.
:-} -
-
Erhmm … no.
But never mind: I shall revert (at some stage during the day) to the default colours and start all over again – that oughta work.
:) -
I simply cannot fix it !
It all comes down to the fact that the color the original code uses isn’t one of the colors that shows up in the Colors section.
http://snag.gy/sxYRr.jpg
The text numbers are a 5th shade of blue.
:-(
I need them to be visible, of course … -
I believe I’ve finally got it sorted.
Never fort I would.
:-|
Thank-you for your input, Rich ! -
- The topic ‘Gridiculous, pagination pages numbers color’ is closed to new replies.
WordPress.com Forums 
