To begin I am using Developer 7.0.1....
I have 5 main sections with products in each section
I hard-coded pagination (i.e 1 , 2, 3, 4, 5) into my template that links to each section. I tried to apply styles that would make the active page bold and a bigger font size. However, the style only applies when I click on the page number then it reverts back. You can view and example here:
http://www.pamperedgrape.com/acatalog/Corkscrews.html
This is the style sheet code :
I have tried using "span", putting class on the row, putting class in the link, I even tried using DIV put it just put line breaks between each number.
For example:
Any suggestions would be greatly appreciated.
I have 5 main sections with products in each section
I hard-coded pagination (i.e 1 , 2, 3, 4, 5) into my template that links to each section. I tried to apply styles that would make the active page bold and a bigger font size. However, the style only applies when I click on the page number then it reverts back. You can view and example here:
http://www.pamperedgrape.com/acatalog/Corkscrews.html
This is the style sheet code :
Code:
.pageno a:link {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style:normal; text-decoration: underline; color: #666666;} .pageno a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style:normal; text-decoration: underline; color: #666666;} .pageno a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style:normal; text-decoration: underline; color: #330033;} .pageno a:active {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style:normal; text-decoration: none; color: #330033; font-weight:bold;}
For example:
Code:
<td class="pageno"><a href="Corkscrews.html" target="_self" class="pageno">1</a></td> <a href="Corkscrews.html" target="_self" class="pageno">1</a> <span class="pageno"><a href="Corkscrews.html" target="_self" >1</a></span>
Comment