link color for page numbers

[KPC7748]

In this code located in threadbit, what determines the color of the page number numbers? I tried covering it up with html's font attribute but it does not effect it. Is there a place to look to change this?

<a href="showthread.php?$session[sessionurl]t=$thread[threadid]$thread[highlight]" id="thread_title_$thread[realthreadid]"<if condition="$show['gotonewpost']"> style="font-weight:bold"</if>>$thread[threadtitle]</a>
<if condition="$thread['pagenav']">$stylevar[dirmark]<span class="smallfont" style="white-space:nowrap">(<img class="inlineimg" src="$stylevar[imgdir_misc]/multipage.gif" alt="$vbphrase[multipage_thread]" border="0" /> $thread[pagenav]<if condition="$show[pagenavmore]"> ... <a href="showthread.php?$session[sessionurl]t=$thread[threadid]&amp;page=$thread[totalpages]$thread[highlight]">$vbphrase[last_page]</a></if>)</span></if>

[Wayne Luke]

The colorization is controlled by the alt1 and alt2 classes under MainCSS in the Style Manager.

[KPC7748]

Thanks, where does it call to use these colors, I see in the code

<a href="showthread.php?$session[sessionurl]t=$thread[threadid]$thread[highlight]" id="thread_title_$thread[realthreadid]"<if condition="$show['gotonewpost']"> style="font-weight:bold"</if>>$thread[threadtitle]</a>
<if condition="$thread['pagenav']">$stylevar[dirmark]<span class="smallfont" style="white-space:nowrap">(<img class="inlineimg" src="$stylevar[imgdir_misc]/multipage.gif" alt="$vbphrase[multipage_thread]" border="0" /> $thread[pagenav]<if condition="$show[pagenavmore]"> ... <a href="showthread.php?$session[sessionurl]t=$thread[threadid]&amp;page=$thread[totalpages]$thread[highlight]">$vbphrase[last_page]</a></if>)</span></if>

That controls the text size. Can I use CSS or HTML to override the settings in $thread[pagenav]

[Trevor Hannant]

Could be mistaken but the <td> element that the code above sits in has a class of "alt1"...

[KPC7748]

Could be mistaken but the <td> element that the code above sits in has a class of "alt1"...

hmm I see it, but I think that determines the background color of the box.

[Trevor Hannant]

And the font colour (see attached)

Mind you, it's not specifying link colours so perhaps it's picking these up from the default CSS class for hyperlinks?

[KPC7748]

I deleted alt1 out of the class and it has no effect on the links, they still functioned good with the correct colors the only thing that changed was the background color.

[KPC7748]

Does anyone know if it is possible to override whatever color code is being called on the links with CSS or html? Or where I can look to find the spot to edit the color?

[DoE]

Wayne is correct, Alt1 and Alt2 set the link colors for the page navigation, however; if they are not defined they default to the "page" setting. You may not want to add link colors to Alt1 and Alt2 as they could affect other areas of your site, and you are only interested in changing the page numbering links.

To change the page number links, add this code in the very last box at the bottom of the Main CSS:

 
.page_num {
background: #00FF00;
color: #FF0000;
}
.page_num a:link, .page_num_alink
{
 color: #D9D7A0;
 text-decoration: none;
}
.page_num a:visited, .page_num_avisited
{
 color: #D9D7A0;
 text-decoration: none;
}
.page_num a:hover, .page_num_ahover
{
 color: #D9D7A0;
 text-decoration: underline;
}

I just used some funky colors as an example, so change as you see fit.
btw, the font is set by smallfont, so no need to add it to the CSS.

Now go to the page nav templates and change the alt1 & 2's to page_num (<td class="page_num">). That's it,

If you want the alt2 to be different then (<td class="page_num_alt">), then add this CSS to your Main CSS below the page_num you pasted in:

 
.page_num_alt {
background: #0000FF;
color: #FF0000;
}
.page_num_alt a:link, .page_num_alt_alink
{
 color: #09D7A0;
 text-decoration: none;
}
.page_num_alt a:visited, .page_num_alt_avisited
{
 color: #09D7A0;
 text-decoration: none;
}
.page_num_alt a:hover, .page_num_alt_ahover
{
 color: #09D7A0;
 text-decoration: underline;
}