[HOW TO] CSS Code Example 2 - Pagination

[iamtheoneneo]

  Hi all,
Ok i am swiftly moving on with my guides, unfortunately i cant really post this in the how to so maybe someone can move this?

Ok, here is the guide for pagination links, again this goes under the main settings.

Here you are defining the pagination links to be edited and then changing their attributes.

Colours are again in hex, you have the border and then the text itself for both when you hover over it and once its used.

You can add more CSS to these but i have been playing around with this code and imo this is what works best in the way xippy has set CSS rules up.

More to come soon, just have to figure out the site code!
again an example of this can be found on the forums of my site.

Code:

<style type="text/css">

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #FFE303; /*border*/
color: #65909A; /*text*/
}

.pagination a:hover, .pagination a:active{
border: 1px solid #FF7722;
background-color: #FF7722;
}
</style>