Customizing Homepage

We are still working on setting up our site. We are finding only three featured articles on the homepage is limiting. I did add another article in both the left and right column so that we could potentially have six featured articles. However, I need the code for the "Read more" button. It only displays on the bottom articles and I would need it for all six. Here is our site http://208.76.80.11/~wwwhuman/ Thank you.

 

Hello,

For adding readmore link in your feature area add the code given below

<div class =extra-read><a href="ENTER YOUR URL HERE">Read More&nbsp; <span class="button-tip"></span></a></div>


Now,


Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

div.extra-read{
margin-top: 25px;
margin-bottom: 0px;
display: inline-block;
font-family: 'Arvo', serif;
padding: 5px 12px 5px 8px;
text-decoration: none;
border-radius: 4px;
-webkit-box-shadow: 1px 1px 1px #9b734f;
-moz-box-shadow: 1px 1px 1px #9b734f;
border: solid #825023 1px;
background: #825023;
width: auto;
overflow: hidden
}
div.extra-read a{
color: #ffffff;
font-size: 12px;
text-decoration: none;
}
 
div.extra-read:hover{
webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
opacity: 0.6;
-webkit-transition: all 0.6s linear;
-moz-transition: all 0.6s linear;
-o-transition: all 0.6s linear;
-webkit-animation: bounceIn_custom 0.3s ease-in-out;
-moz-animation: bounceIn_custom 0.3s ease-in-out;
-o-animation: bounceIn_custom 0.3s ease-in-out;
animation: bounceIn_custom 0.3s ease-in-out;
} 

Thanks & Regards
Gourav Shrivastava