Gossamer Forum
Home : Products : Gossamer Links : Discussions :

How to Change Paging CSS Format?

Quote Reply
How to Change Paging CSS Format?
I am not able to use formatting with custom css tags within category.html

Here are the tags that I am using:
Quote:
<%if paging.num_hits%><div class="rightalign"><%Links::Utils::paging(button_id => 'paging_button3')%><br></div><%endif%>

paging_options Global
Quote:
sub {
return {
max_pages => 5,
boundary_pages => 1,
style => 3,
style_next => "[&gt;]",
style_prev => "[&lt;]",
style_first => "[&lt;&lt;]",
style_last => "[&gt;&gt;]",
style_nonext => "",
style_noprev => "",
style_nofirst => "",
style_nolast => "",
paging_pre => "Pages: ",
};
}

Now the problem is.. the default CSS link tag on the site is
Quote:
a:link,a:visited{
color : #003366;
font : 100% Georgia, Arial, sans-serif;
text-decoration : none;
}
a:hover{
color : #993300;
font : 100% Georgia, Arial, sans-serif;
text-decoration : underline;
}
However for Paging Links I wish to use:
Quote:
a:link.paging,a:visited.paging ,a:hover.paging {
font : bold 100% Arial, Helvetica, sans-serif;
color : White;
text-decoration : underline;
}

Any idea on how to do this?

Thank you.

Vishal
-------------------------------------------------------
Quote Reply
Re: [SWDevil.Com] How to Change Paging CSS Format? In reply to
First of all you removed the 'paging' class from the surrounding div and second, the CSS rule should be something more like:
Code:
a.paging:link,a.paging:visited ,a.paging:hover {

Adrian
Quote Reply
Re: [brewt] How to Change Paging CSS Format? In reply to
Hi Adrian,

I have created a totally new template from scratch and have not modified the luna template and hence I am using different class names. However the problem is with the paging links, as default link fonts in the css are "100% Georgia, Arial, sans-serif; " and no matter what div or ID they are going to be in, they will take up "Georgia, Arial, sans-serif" font display. So I was wondering if there was a way to specify a font type only for the paging section. As without it, paging fonts will always end up being default link fonts in css.

P.S. I have also added
Quote:
a.paging:link,a.paging:visited ,a.paging:hover {
font : bold 90% Arial, Helvetica, sans-serif;
color : #336699;
text-decoration : underline;
}
however it don't help, as output of the paging fonts is not specified under any link class :(

Thank you for the help.

Vishal
-------------------------------------------------------