Atahualpa Theme Options Tutorial:

From your Dashboard in your website, In the left-hand menu, click on Appearance and select Atahualpa Theme Options.  On the left-hand side you will see a list of buttons…

ALWAYS SAVE YOUR CHANGES AT THE BOTTOM OF THE PAGE!

Start – Nothing to do here. This is just a general introduction.

Export/Import Settings – Use for transferring your Atahualpa Theme Options (ATO) settings to/from another website.

Configure SEO – You will be using a plugin for SEO.

Use Post/Page Options:

Change this to “Yes” if your “Page Menu Name” appears at the top of each page and you would like to control this feature (turn off or on)

Overall Style & Config. -

Body, Text, & Links –

Change the font-family:

My default font for all my sites is:

font-family: verdana, arial, helvetica, sans-serif;

Change the background of the whole page:

background: #4396CAurl("http://www.yoursite.com/wp-content/themes/atahualpa367(or your current version)/images/background.jpg")no-repeat;

(Make sure you have written the correct numbers after "atahualpa" (for older versions) in the string of code above - Look at the top of the page when you are in the Atahualpa Theme Options to find your version)

background-attachment: fixed;

background-position: top center;

Link Default Color:

Change the color and look of any link (a clickable piece of text – usually with an underline) you insert into the body of pages or posts.

Link Hover Color:

Change the color that the link shows as the user passes their mouse over it.

Link Default Decoration:

Choose underline. (Most readers are used to seeing links with underlines.)

Link Hover Decoration:

Choose none.

Style & configure LAYOUT –

Layout MIN width:

This should be changed to the width of your header picture – the average is around 850 pixels.

Add a FAVICON:

You can create your own favicon (the tiny image you see at the left of your url (domain/site name http://www…) in the address window of a browser) and upload it to (public

html, your website name, wp-content, themes, atahualpa, images, favicon) You can make a favicon with the free software IcoFX

Save Changes

Header Area : (use the following instructions if you want to use your own graphic design header image)

Style & edit HEADER AREA –

In the First Text Area- change the text to – %image %page-center (this will put your header image at the top of the page and center your page menu bar)  Upload your header image using Filezilla to

public html, your website name, wp-content, themes, atahualpa, images, header

Show Blog Title – change to “no”

Show Blog Tagline – change to “no”

Save Changes

Header Image:

Make header image clickable? – Change to yes

Header Image: Height – Change to 100 (or whatever size your custom header is) (A smaller picture minimizes the height and saves precious screen real estate)

Opacity LEFT: Value – Change to 0 – the opacity really has no place as the site will use a graphic design in the header

Opacity RIGHT: Value – Change to 0

Save Changes

RSS Settings:

This can be left alone.  If you know about RSS you probably don’t need these instructions.  However, if you are thinking about using RSS and have not used Twitter to it’s fullest capability, I suggest you start there.  Because Twitter is so highly ranked with Google already, it is best to have links and followers on their site.

Page Menu Bar:

Home link in Page Menu Bar – Delete the text in this field as you will create your own homepage.

Title tags in Page Menu Bar – Select Yes. This will create a popup when hovering over a page button.  Anytime you can add an extra “title, alt or description” to an item, it

increases Google’s ability to crawl your site for keywords.

Border around all menu items – set this to solid 1px #xxxxxx (this is the same color as set in the nest step – your overall background color)

Center Column:

Style & Edit Center Column – Center Column Style – Add “background: #FFFFFF;” for body (surrounding text) background color

Sidebars and Widgets:

Style and Configure –

At the bottom of the page, you can change the appearance of the borders around the sidebars (default is dashed 1px #CCCCCC;).  Delete this line if you don’t want a border or change it to solid and specify a color.

If you choose to only have one side bar, uncheck all boxes related to the sidebar on the other side (inner sidebars do not appear by default) and SAVE your changes.

LEFT sidebar WIDTH – Change the width in pixels of your sidebars

LEFT sidebar style:

padding: 10px 10px 10px 10px;

background: url(/wp-content/themes/atahualpa/images/sidebarBackground.jpg) top left #98D424;} (use whole URL for this to work on all pages)

Widget Title:

font-size: 1.6em; (change this in small increments)

font-weight: bold;

Screen Accessibility – Click here to edit Widgets (at top)

Changing Text/Links Colors – Do NOT hit the enter button on your keyboard, simply change the color and click somewhere outside of the box

SEO – Make Post/Page Titles H1?

Default: Yes

Make the Post/Page Titles H1 instead of H2, and the blog title H2 instead of H1, on Single Post Pages and static “Page” pages?
This gives the actual content more weight on their dedicated pages and downplays the weight of the blog title. On all multi post pages (such as homepage, category pages, etc.), the post titles will still be H2 and the blog title will be H1.

Post & Pages:

Style Posts and Pages:

Body Box – background: #E6FBB5; (add a background color or specify a whole url address where a background image is held.)

background: url(/wp-content/themes/atahualpa/images/sidebarBackground.jpg)

Various Content Items

Style Tables:

Table Style: border-collapse: collapse;

margin: 0px 0; (no margin = no glitch in outside edge of table)

align: center;

Table header cells – erase border: solid 1px #ffffff; to get rid of border

Table body cells – erase border-bottom: 1px solid #dddddd; to get rid of border

Zebra stripe all tables?

Hover effect for all tables?

Changing CSS: (Add Html/Css Inserts)

div#menu1 {

background-color: #98D424; <!–this is the page menu bar background color–>

border: solid 0px #98D424; <!—this is the border around the page menu bar – this negates the page menu bar border in the Atahualpa editor–>

background-image: url(“http://www.yourwebsitename.com/wp-content/themes/atahualpa/images/menuBar.jpg”); <!–must use whole URL–>

z-index: 0;

}

<!—Note:  The Atahualpa theme option under Page Menu Bar/Background Color will cause a border around the menu button even after CSS insertà

div#menu1 ul.rMenu {

background: #98D424; <!–this overrides menu button border (noted above)–>

}

div#menu1 ul.rMenu li {

background-color:#CFF86D; <!–Parent button background color–>

margin: 0px 5px 0px 5px; <!–This adds spacing between the menu buttons (top, right, bottom, left) –>

}

div#menu1 ul.rMenu li a:link,

{

color:#000000;  <!This changes the font color in Explorerà

font-family:Arial,Verdana,sans-serif;

font-size:14px;

font-weight:normal;margin:0;

padding:3px 12px 3px 12px;

text-decoration:none;

text-transform:uppercase;

}

div#menu1 ul.rMenu li a:hover,

div#menu1 ul.rMenu li a:active,

{

color:#ffffff;  <!This changes the font color in Explorer

font-family:Arial,Verdana,sans-serif;

font-size:14px;

font-weight:normal;margin:0;

padding:3px 12px 3px 12px;

text-decoration:none;

text-transform:uppercase;

}

h1 {

font-family:Arial,Verdana,sans-serif;

font-size:18px;

color:#000000;

font-weight: bold;

}

h2 {

font-family:Arial,Verdana,sans-serif;

font-size:16px;

color:#000000;

font-weight: bold;

}

h3 {

font-family:Arial,Verdana,sans-serif;

font-size:14px;

color:#000000;

font-weight: bold;

}

.post-headline {display:none}  <!—This stops page titles from appearing in body-->

IE MENU FIX

div#menu1 {

background-color: #F2F5E9;

border: solid 1px #F2F5E9;

z-index: 0;

}

div#menu1 ul.rMenu {

background: #F2F5E9;

}

div#menu1 ul.rMenu li {

border: solid 1px #F2F5E9;

background-color:#548601;

margin: 1px 0 1px 1px;

}

div#menu1 ul.rMenu li a:link,

div#menu1 ul.rMenu li a:visited,

{

color:#ffffff;

font-family:Arial,Verdana,sans-serif;

font-size:14px;

font-weight:normal;

margin: 1px 0 1px 1px;

padding:3px 12px 3px 12px;

text-decoration:none;

text-transform:capitalize;

}

div#menu1 ul.rMenu li a:hover,

div#menu1 ul.rMenu li a:active,

{

color:#000000;

font-family:Arial,Verdana,sans-serif;

font-size:14px;

font-weight:normal;

margin: 1px 0 1px 1px;

padding:3px 12px 3px 12px;

text-decoration:none;

text-transform:capitalize;

}

h1 {

font-family:Arial,Verdana,sans-serif;

font-size:18px;

color:#000000;

font-weight: bold;

}

h2 {

font-family:Arial,Verdana,sans-serif;

font-size:16px;

color:#548601;

font-weight: bold;

}

h3 {

font-family:Arial,Verdana,sans-serif;

font-size:14px;

color:#000000;

font-weight: bold;

}

h6 {

font-family:Arial,Verdana,sans-serif;

font-size:14px;

color:#000000;

}

.post-headline {display:none} <!—This stops page titles from appearing in body-->