ClockInfo.com

I wanted the navigation elements of WP-Pagenavi to be centered on the page, and the current page number to be above the previous – next navigation, and not have a box around it.

In pagenavi.php, change line 8 from:

echo ‘<span class=”pages”>’.$pages_text.’</span>’;

to:

echo ‘<p class=”pages”>’.$pages_text.’</p>’;

Add the following to pagenavi-css.css:

.wp-pagenavi {
text-align: center;
}

Change the following lines in pagenavi-css.css from:

.wp-pagenavi span.pages {
padding: 2px 4px 2px 4px;
margin: 2px 2px 2px 2px;
color: #000000;
border: 1px solid #000000;
background-color: #FFFFFF;
}

to:

.wp-pagenavi p.pages {
padding: 2px 4px 2px 4px;
margin: 2px 4px 6px 2px;
color: #000000;
background-color: #FFFFFF;
}

You can see it on this web page on the Flora First Christian Church website.

Related posts:

1. Creating a Web Site for My Church
2. Removing the Self Links on the Home Page
3. WordPress Permalink Format
4. Setting Your Mechanical Clock Ahead to Daylight Saving Time
5. Setting your mechanical clock back from Daylight Saving Time