Archive for myfreeforum.org Before posting please check the "stickies" in the support forums. Please ask questions in real English and not "txt". You will get a better response. Please do not ask support questions via PMs.
|

Ask Mr. Religion
|
Pagination Colorizationhttp://rti.myfineforum.org/viewtopic.php?t=267
Please indicate keywords you have searched on: pagination colors
I would like to alter the colorization of the pagination links.
I have the following definitions for colors:
| Code: |
/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav { font-weight: bold; font-size: 11px; color : #FFFF00;}
a.nav { text-decoration: none; color : #FFFF00; }
a.nav:visited { text-decoration: none; color : #FFFF00; }
a.nav:hover { text-decoration: underline; color : #FFFF00; }
|
Yet, as you can see at the link above, the pagination shown is, well, not right. For example, how do I get the word 'Next' colored correctly? And how do I change the colors of all the available pages for a topic?
AMR
|
admin (no pm's please)
|
Anyone want a look? I need a coffee but I can't see the problem here, well I can see the problem on the site but I can't see why the nav class is not kicking in as it seems to be correct.
|
admin (no pm's please)
|
Okay this is actually pretty simple When you understand css properly. Frankly it is a while since I have done css and this has taken me a silly amount of time to figure through.
The css as given:
| Code: |
/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav { font-weight: bold; font-size: 11px; color : #FFFF00;}
a.nav { text-decoration: none; color : #FFFF00; }
a.nav:visited { text-decoration: none; color : #FFFF00; }
a.nav:hover { text-decoration: underline; color : #FFFF00; }
|
Will define now links of class "nav" will look. But that it totally ineffective in this case, as the links are not of class "nav" they are simply in a span of class "nav".
You therefore need to apply a child selector like so:
| Code: |
/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav { font-weight: bold; font-size: 11px; color : #FFFF00;}
span.nav > a { text-decoration: none; color : #FFFF00; }
span.nav > a:visited { text-decoration: none; color : #FFFF00; }
span.nav > a:hover { text-decoration: underline; color : #FFFF00; }
|
|
Ask Mr. Religion
|
Super! Thanks! Worked like a charm!
AMR
|
|
|
|