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.
 


       myfreeforum.org Forum Index -> Web page/template Editing
Ask Mr. Religion

Pagination Colorization

http://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
myff admin

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.
myff admin

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

       myfreeforum.org Forum Index -> Web page/template Editing
Page 1 of 1
Create your own free forum | Buy a domain to use with your forum