looking at the source code of one of my ditto blogs i see:
<div id="ditto_pages"><span class="ditto_previous_off ditto_off">< Previous</span> <span class="ditto_currentpage">1</span><a class="ditto_page" href="/blog?start=6">2</a><a class="ditto_page" href="/blog?start=12">3</a><a class="ditto_page" href="/blog?start=18">4</a><a class="ditto_page" href="/blog?start=24">5</a><a class="ditto_page" href="/blog?start=30">6</a> <a href="/blog?start=6" class="ditto_next_link">Next ></a></div>
and the styling for those links is:
div#content div#ditto_pages{
padding:15px 0 5px 0;
margin:0;
font-size:11px;
}
div#content div#ditto_pages a,
div#content div#ditto_pages span.ditto_off,
div#content div#ditto_pages span.ditto_currentpage{
padding-right:3px;
padding-left:3px;
}
note: div#content was needed to overwrite some other styles, so you probably won’t need that part, or you could change it to whatever your content container div is called. in firefox try highlighting the links, right-click and choose "view selection source" to see what divs/spans/etc are making up the links/text.
