Cleaker Theme modifications

February 26, 2010

Below is some tips to modify cleaker theme used for Clumsy Blog
1. Remove withe line between link header navigation and header
In Appreance / Editor / Stylesheet (style.css)
Find:
#header {
width: 900px;
background: #fff url(images/header.gif) top center no-repeat;
height: 104px;
margin-top: 0;
color: #fff;

and change to height: 104px;

2. Align navigation from left to right
Find in Appreance / Editor / Stylesheet (style.css)
ul#Nav li {
float: right;
border-left: 1px solid #fff;
}

and change it to

ul#Nav li {
float: left; –> align all links in navigation bar to the left
border-right: 1px solid #fff; –> remove white space from left home link to the right last link from navigation bar
}

3. Change order for navigation links (below header)
In Appreance / Editor / Header (header.php)
Find unordered list Nav:
<ul id=”Nav”>
<?php wp_list_pages(’sort_column=menu_order&depth=1&title_li=’); ?>
<li><a <?php if (is_page(’home’)) echo(’class=”current” ‘); ?>href=”<?php
bloginfo(’url’); ?>/”>Home</a></li>
</ul>

and change the order, first home page, second any another page

<ul id=”Nav”>
<li><a <?php if (is_page(’home’)) echo(’class=”current” ‘); ?>href=”<?php
bloginfo(’url’); ?>/”>Home</a></li>
<?php wp_list_pages(’sort_column=menu_order&depth=1&title_li=’); ?>
</ul>

Also, if you want to put “About” page last, in the right,
in Pages / Edit page / Attributes in Order box put most big value.
For example for Contact page 0 and for About page 1.

Above two settings will make the navigation bar to have that arrangement
Home | Contact | About

• No related posts.

Posted in Wordpress Theme