This short tutorial covers the basics of getting your sidebars and widgets setup the way that you want them in The Privateer theme.

Sidebars are the containers which hold widgets.

Widgets are individual items that you add to particular sidebars via the "Appearance" » "Widgets" Menu.

Below you will find information on:

• Possible placements of the sidebars
• Placing the sidebars
• Styling the sidebars
• Setting up and styling widgets

Possible placements of the Sidebars

In The Privateer, there are two sidebars with six possible placement settings:

Left & Right	Both Left	Both Right
Left Only	Right Only	No sidebars

As you can see, the sidebars can be positioned and styled while the widgets can also be styled.

Placing the Sidebars

Sidebar settings are located in the "Privateer" » "HTML Entities" » "Sidebars" menu.

To specify where sidebars should be shown, use the following options:

Sidebar 1 Side

This specifies the side to draw the first sidebar on, if it is to be drawn on a particular page.

The first sidebar, if drawn on the same side as the second sidebar, will always be placed to the left of the second sidebar.

Sidebar 1 Display On

This allows you to choose which page types ( if any ) you want the first sidebar to be displayed on.

If you do not want sidebar one displayed anywhere, then uncheck all of the available page types listed.

If you always want the first sidebar displayed, make sure that all of the available page types are checked.

Sidebar 1: Don’t display on Pages

If there are particular pages that you do not want the first sidebar displayed upon, enter their ids in this option, separated by commas.

See the note below for determining the ID of a particular page.

Sidebar 1: Don’t display on Categories

If there are particular category archives that you do not want the first sidebar displayed on, enter their ids in this option, separated by commas.

See the note below for determining the ID of a particular category.

Sidebar 2 Side

Specify which side the second sidebar should be on, if drawn.

Sidebar 2 Display On

Specify which pages, if any, the second sidebar should be drawn on.

Sidebar 2 Don’t display on Pages

Enter a comma separated list of any page IDs you don’t want the second sidebar to be drawn on.

Sidebar 2 Don’t display on Categories

Enter a comma separated list of any category IDs you don’t want the second sidebar to be drawn on.

Getting Page IDs

To get a pages ID, go to the "Pages" » "Edit" menu and place your mouse over the edit option for that page. The ID should be at the end of the text shown across the bottom of your browser.

If you do not see it there, you can select the edit option for the page and get the ID from the end of the URL shown in your web browser.

Getting Category IDs

To get the ID of a particular category, go to the "Posts" » "Categories" menu and place your mouse over the edit option for the category in question.

If the category ID is not displayed, select the edit option and get the category ID from the end of the URL in your browser.

Styling the Sidebars

Once you have the sidebars set to display when and where you want them to, you can use the below options to style them.

Sidebar 1 Width

Set the number of pixels wide that you want sidebar 1 to be.

Sidebar 1 Style

Set any css styles you want for sidebar one with this option.

Typically, you would use this option to position the sidebar, set borders for it, set a background color or image, etc.

Sidebar 2 Width

Set the number of pixels wide that you want sidebar 2 to be.

Sidebar 2 Style

Set any css styles you want for sidebar two with this option.

Setting up and Styling the Widgets

To style the widgets displayed within sidebars, use the "Privateer" »HTML Entities" » "Widgets" menu.

The image to the right shows the various sections of a widget, which can be styled via the widget options. Refer back to this image if you have questions on what is what in the below descriptions.

Widget Container

This option is used to style the outer box of each widget, which consists of the outer border and red background area in the widget section image above.

You can use standard css styling for this box.

Use margin to give a buffer from the sidebar, if you did not set a padding on the sidebar styles.

Use padding to set a buffer from the widget title and list item sections.

Widget Title Box

This option styles the box area of the widget title.

You can set borders, backgrounds, paddings, margins, etc. here.

Widget Title

This option styles the text of the widget title.

Font types, text decorations, text transforms, etc. should be used to style this to get the look you want.

Widget Content Box

This styles the unordered list tag used to draw widget items.

You can specify borders, background colors, display types, and such for the overall widget content box here.

Widget List Items

This styles top level items displayed within widgets.

With this option, you are styling individual list item html tags (<li>)

Widget List Items, 2nd Level

With this option, you are styling second level items within widgets.

Widget List Items, 3rd Level and Lower

Use this option to style all widget items which are not drawn in the first or second levels of the widget.

Category Widget Display Type

This styles the category widget as it can have both linked and non-linked text within it, be hierarchical, and be too long to fid on an individual line.

Try inline if you are displaying the post count.

Try block if you are not displaying the post count.

Adjust select menu font size

Use this to decrease font sizes for long lists inside of widgets so that internet explorer does not cut the items off.