Page Default Styling

In The Privateer Theme, there are three primary types of things displayed within the main content area of your WordPress site:

1. Page Level Objects
2. Post Level Objects
3. Navigational Menus

All of the above have default styles which are set via the "Privateer" » "Default Page" Menu Panel.

Additionally, each type of page can override the default styles set via their own styling menus…so if you want a particular type of page ( such as your home page or search page ) to have a non-default display for something, you can modify the styling for just that type of page.

If you are not sure as to what the difference is between a Post and a Page is within The Privateer Theme, please be sure to check out Posts vs Pages for a full explanation.

---

Page Level Objects

Page Objects, within The Privateer Theme, have a container, seven main sections, and two subsections.

Each section can have different default styles set and have those default overridden specifically on particular page types.

Go to the "Privateer" » "Default Page" » "Page Styling" to view the available options for setting up site wide defaults for the page level objects.

With this panel, you can style the page wrapper, which contains all page objects, the seven primary page level objects, and the two secondary page level objects.

There are three main types of objects for styling purposes:

1. Those which are simply containers
   • The Page Wrapper
   • The Post List Area
2. Those which do not have special tags specified
   • The Kicker
   • The Byline
   • The Top Content Area
   • The Post List
   • The Bottom Content Area
   • The Footer
3. Those which do have special tags specified
   • The Title
   • The Subtitle
   • The Summary

Items which are simply containers have only one styling option each, which styles the container.

Items without a special tag specified have three options each for styling purposes:

1. The Item Style
   • This styles the DIV which holds that sections content.
2. The Item Link Style
   • This styles links within that sections content area
3. The Item Link Hover Style
   • This styles the hover state of links within that sections content area

Additionally, those items which are placed within specified tags have an extra style:

1. The Item Text Style
   • This styles the text within the tag as simply styling the div which contains it will not override the normal tag styles.

---

Post Level Objects

Post Level Objects are similar to Page level objects, but they are used to draw the actual WordPress posts and pages that you create via the "Posts" menu and "Pages" menu in the admin panel.

Post Level objects are displayed within the page objects Post List Area and come in two types:

1. Those without special tags around them
   • The Post Kicker
   • The Post Byline
   • The Post Body Copy
   • The Post Footer
2. Those with special tags around them
   • The Title
   • The Subtitle
   • The Summary

Like the page level objects, post level objects without special tags such as h1 or h2 around them have three options each:

1. One to style the container and normal text
2. One to style links within that section
3. One to style the hover state of links within that section.

And post level objects with special tags around them have a fourth option, just like their page counterparts:

1. An option to style the text within the tag

---

Nav Bar Styling

The Navigation Bar styling is a bit different as different types of navigation bars have different pieces.

There are five primary navigation bar types, two of which have multiple possible display types. All of them can be styled individually to one extent or another.

1. The Paged Navigation Bar
2. The Comments Page Navigation Bar
3. The Single Post Nav Bar
4. The Ancestor Navigation Bar
5. The Child Navigation Bar

---

The Paged Navigation Bar

• On Home, Search, and Archive template pages, this navigates between different pages, provided there are enough posts listed to require multiple pages.
• On Single (Post) and Page template pages, this bar navigates between pages forced via use of the <!–nextpage–> tag inside of the post or page being displayed.
• This bar can be either a text bar or a numeric bar.

As there are three possible places to put this navigation bar, there are three options for styling their containers…so you can have a different look in each area if that is what you would like.

1. Top Nav Style
   • This is for styling the Page Nav Bar when it is set to be shown in the top area.
2. Middle Nav Style
   • This is for styling the Page Nav Bar when it is set to be shown in the middle area
3. Bottom Nav Style
   • This is for styling the Page Nav Bar when it is set to be shown in the bottom area

Note that these three containers are used whether the paged navigation bar is set to display as text or as a numeric bar.

Beyond the containers, each type of navigation bar is styled individually.

The text version of the Paged navigation bar has the following styling options:

1. Top Link Styling
   • This styles the top link, when it is displayed.
   • The top link only shows on secondary pages.
2. Left Link Styling
   • This styles the link displayed on the left, whether you have that set to be the next newer page or the next older page.
3. Middle Link Styling
   • This styles the link displayed in the middle of the nav bar, between the left and right links.
   • The middle link only shows if it is not disabled and the viewer is not on one of the home template pages.
4. Right Link Styling
   • This styles the link displayed on the right, whether you have that set to be the next newer page or the next older page.

The Numberic Bar has five styling options of its own:

1. Prefix Styling
   • This styles any text prefix that you have set to be shown before the numbered entries start.
2. Number Styling
   • This sets the normal styling for all numbers displayed.
3. Current Page Num Style
   • This styles the current page number, so you can make it stand out from the pages that the user is not on.
4. Linked Page Num Style
   • This styles page numbers that are not links
   • Basically, all page numbers except the current page number
5. Linked Hover Num Style
   • This styles the hover state of non-current page numbers

---

The Comments Page Navigation Bar

• Technically, this is not a bar, but a blurb displayed on comment pages for the post template (and the page template, if comments are enabled for pages) which replaces the post or page content.
• This has only a text display method, and will only ever be displayed on the Post Template page or the Page Template page.

The following four options are available to style this section:

1. Container Style
   • This styles the container that holds the paged comments blurb.
2. Text Style
   • This styles the html entity that you have set to display the paged comments blurb. The default is blockquote.
3. Link Style
   • This styles any links displayed within the paged comments blurb.
4. Link Hover Style
   • This styles the hover state of links within the paged comments blurb.

---

The Single Post Navigation Bar

The single post navigation bar is displayed only on the Single Post WordPress template and has six styling options:

1. Top Nav, Middle Nav, and Bottom Nav Style
   • These three styles are for the container which the rest fits within, one container for each available placement position so that they can each be styled differently.
2. Left Link Style
   • This is for styling the link on the left hand side, whether it leads to the next older or next newer post.
3. Middle Link Style
   • This is for styling the site index link, if any, which is displayed in the middle.
4. Right Link Style
   • This is for styling the right link, whether it leads to the next older post or next newer post.

---

The Ancestor Navigation Bar

The ancestor navigation bar is displayed only on Page Template pages.

There are fourteen styling options available for it:

1. Top, Middle, and Bottom Box Styles
   • These three options are for styling the container for the navigation link in each of the possible placements.
2. List Style
   • This is for styling the Unordered List tag which contains the ancestor navigation bar.
3. Preface Text Container, Link, and Link Hover Style options
   • These style the container for any specified preface as well as link and link hover styling for any links within it.
   • This is a list item.
4. Home Index Container, Link, and Link Hover Style options
   • These style the home index link, if any, which can be placed before the start of the page list.
   • This is a list item.
5. List Item (Parent Links) Item, Link, and Link Hover Style
   • These style the list items which show each individual ancestor page.
6. Current Page
   • This styles the list item used to display the current page.

---

The Child Navigation Bar

The child navigation bar is only shown on the Page template page, and then only if the currently viewed page has child pages.

It can be displayed either as an unordered list or as a table, and displays only immediate children.

Both versions share nine styling options:

1. The Top, Middle, and Bottom Box styles
   • These are the containers used when the child navigation bar is set to be displayed in the top, middle, or bottom area of the page.
2. Preface box, link, and link hover styles
   • These three styles modify any preface that you have set to be displayed at the top of the child navigation bar.
3. Postface box, link, and link hover styles
   • There three styles modify any postface text that you have set to be displayed at the bottom of the child navigation bar.

When displaying the child navigation bar as a list, there are four options available to style it:

1. List Style
   • To style the list which contains the child pages
2. Item Style
   • To style the individual list items which contain each child page.
3. Link Style and Link Hover Style
   • These style the page links and the hover state for them.

When being displayed as a table, there are four options which effect the styling of the table:

1. Table Style
   • To style the table element itself
2. Table Entry Style
   • To style each TD element.
   • The TD elements contain one child page link each.
3. Table Link Style and Table Link Hover Style
   • These two options are used to style the links normally and in their hover state, respectively.