The Morning After: change hader links, featured post and categories

1) For changing the names, you have to edit header.php
`<?php

$links = array( ‘home’, ‘about’, ‘archives’, ‘subscribe’, ‘contact’ );

foreach ( $links as $curlink ) {

$link = trim( $woo_options[‘woo_nav_’.$curlink] );

if ( ( $link != ” ) && ( $link != ‘#’ ) ) {

if($curlink==’about’)
echo ‘<li><span class=”‘ . $curlink . ‘”><a href=”‘ . $woo_options[‘woo_nav_’.$curlink] . ‘”>’.__( ‘Aboutus’,’woothemes’ ) . ‘</a></span></li>’.”\n”;
else
echo ‘<li><span class=”‘ . $curlink . ‘”><a href=”‘ . $woo_options[‘woo_nav_’.$curlink] . ‘”>’.__( ucfirst($curlink ),’woothemes’ ) . ‘</a></span></li>’.”\n”;

}

}

?>`
Copy this code inside the <ul id="menu"></ul>

To change the picture, Upload 16*16 sized picture to your media and then edit the CSS stylesheet.

#menu li span.home { background: url(URL OF IMAGE FOR HOME HERE) no-repeat; }
#menu li span.about { background: url(URL OF IMAGE FOR ABOUT HERE) no-repeat; }
#menu li span.archives { background: url(URL OF IMAGE FOR ARCHIVE HERE) no-repeat; }
#menu li span.subscribe { background: url(URL OF IMAGE FOR SUBSCRIBE HERE) no-repeat; }
#menu li span.contact { background: url(images/bg/mail.gif) no-repeat; }

2) You can edit the settings for featured post in the admin dashboard.
Go to ‘The Morning After’ -> Theme options ->Home page tab

3) For rollover effects, add this to your CSS stylesheet.
`.home_recent_post img.woo-image { background: none repeat scroll 0 0 #999999;
border: 0 none;
margin: 0;
padding: 2px;
}
.home_recent_post img.woo-image:hover {
background: none repeat scroll 0 0 #333333;
}`

Fantastic! You were fantastic. Thanks very much for your kindness and helpfulness. I tried what you suggested and:

1) I replaced the code in header.php in <ul id=”menu”> and </ ul> but nothing has changed. By changing the name of the link in the string array (eg “contact” to “contacts”), the link disappears. I have not figured out where to go and change the name

2) I understand that the featured posts are combined with a category … it is not possible to say “the first featured post start from the penultimate” but “go read the contents of this category.” in fact, might as well put in directly “recent posts”…

3) I added the code in the style.css # side_categories but nothing happens .. https://www.graphicwell.com/ and https://www.youbeautifulbastard.be/ in the box “categories” has a nice rollover effect, as well as being more visible, with the arrows at after of the text. I see that both have the same graphic and I thought it was an option or a plugin. I have to edit style.css?

Thanks again (and sorry for my english)

1) Dont change the names in the array().
But add a `if($curlink==’about’)
echo ‘<li><span class=”‘ . $curlink . ‘”><a href=”‘ . $woo_options[‘woo_nav_’.$curlink] . ‘”>’.__( ‘Aboutus’,’woothemes’ ) . ‘</a></span></li>’.”\n”;`

3) Sorry. I thought u need the roll over effect for the images in Recent Posts. for the categories to have roll over effect , Edit your style.css file.
Search for /* category list */ . and replace the code below to

/* category list */

#side_categories { margin: 0 0 1em 0; }
.widget_categories ul li {  margin: 0; background:none;padding:0;border-bottom:0px none; }
.widget_categories ul li a { display: block; text-transform: uppercase; font-size: 0.8em; font-weight: bold; color: #000; border-bottom: 1px solid #dadada; border-left: 3px solid #dadada; padding: 3px 12px 0 7px; margin: 0; background: url(images/bg/arrow.png) no-repeat 177px 3px; height: 19px; }
.widget_categories ul li a:hover { background: #f1f1f1 url(images/bg/arrow2.png) no-repeat 177px 3px; color: #3a6999; }
.widget_categories ul li ul { list-style: none; margin: 0; padding: 0.3em 0 0.2em 0.8em; }
.widget_categories ul li ul li { padding: 0; margin: 0; }
.widget_categories ul li ul li a { border: 0; margin: 0; padding: 0 0 0 12px; text-transform: none; font-size: 0.9em; height: 19px; background: url(images/bg/sub.png) no-repeat; }
.widget_categories ul li ul li a:hover { background: #f1f1f1 url(images/bg/sub1.png) no-repeat; }

One suggestion for your website:
The input fields of the Newsletter (Email and name fields) seems to be overflowing. Edit the code for that: change the size=25 to size=20 .Eg: <input class="MailPressFormEmail" type="text" onblur="if(this.value=='') this.value='Your email';" onfocus="if(this.value=='Your email') this.value='';" size="20" value="Your email" name="email">

Also try to keep this edited portion at the end of the style.css file (At the very bottom.!)

Thank you very much for your time!

1) I replaced the code in the indicated spot, but as yesterday, nothing happened and I can not figure out where I going to change the name. I solved using this code …

<li><span class="home"><a>">Home</a></span></li>
<li><span class="about"><a>/About">About</a></span></li>
<li><span class="archives"><a>/Archives">Archives</a></span></li>
<li><span class="subscribe"><a>/feed">Subscribe</a></span></li>
<li><span class="contact"><a href="https://www.idvrovereto.it/?page_id=174">Contatti</a></span></li>

certainly is not the same thing, practically bypass functionality of template. But it easy and work.

3) I did as you suggested, now I have to find a way to throw away the default icons. Now you can see the result … not so horrible :o)

The input field of the newsletter is of a plugin: “mailpress”, which frankly I do not like. I think they replace it with some other plugin, more compatible and customizable.

Thanks again so much!