(Solved) Font Size ---> Page / Next / Last

Alexandra70

Joined: 2004-12-08
Posts: 143
Posted: Sat, 2006-01-21 05:52

Hello,

How do I change the font size ONLY for the words "Page", "Next" and "Last"??

After reading some Topics here, I got the Web Developer Tool for Firefox and played around with the theme.css file (really cool what this Firefox Extension does!! Thanks for the tip!)

So I know I'm in the right file, but I cannot find a way to ONLY change the font size for those 3 words instead of it affecting other ones.

Thanks
Alex
 
ckdake
ckdake's picture

Joined: 2004-02-18
Posts: 2258
Posted: Sun, 2006-01-22 06:53

it looks like two of those are in css classes "next" "last". you can probably guess which ones those are :)

so the css to change them would be along the lines of:

.next .last { font-size: xxxxxxxx-large }

for the word page, it is in a class="block-core-Pager" div along with the page number links for other pages, so you could change block-core-Pager css stuff to change that but I'm not entirely sure what else that would change.
 
Alexandra70

Joined: 2004-12-08
Posts: 143
Posted: Sun, 2006-01-22 18:20

Thanks ckdake, I found everything, but had to use HTML to do what I wanted.

I'll post it here in case anyone else needs help with this.

Files that needed to be edited (create copy of files in "local" folder)

Pager.tpl
Navigator.tpl

Here are the changes for Pager.tpl
This will change the word "PAGE" and the page numbers 1 2 3 4, etc..
(as you can see I changed the Font Color too)

<div class="{$class}">
  <font color="#F20000" style="font-size: 9pt"><b>{g->text text="Page:"}

DON'T FORGET TO add the following to the bottom or else any text below that area will also be the same color and size:

 </font></b>
</div>

And here are the changes for Navigator.tpl
This will change the words "FIRST", "NEXT", "PREVIOUS" and "LAST".
(I changed the Font Color here too) (you need to look for each string separately on the file)

<font color="#F20000" style="font-size: 8pt"><b>{g->text text="next"}</font></b>{$suffix}
<font color="#F20000" style="font-size: 8pt"><b>{g->text text="last"}</font></b>{$suffix}
{$prefix}<font color="#F20000" style="font-size: 8pt"><b>{g->text text="first"}</font></b>
{$prefix}<font color="#F20000" style="font-size: 8pt"><b>{g->text text="previous"}</font></b>

Hope this helps and thanks again ckdake! Your reply helped me look in the right place!

Alex