How To Put Blog Posts on Homepage with Images - in less than 90 seconds

Super quick tutorial. Just download the Recent Post Extended Widget.

Drag it into your widgets and click a few boxes and UNCLICK "use default css" and PASTE in this (edit summary font as necessary - see video for details):

.rpwe-block ul{
list-style: none !important;
margin-left: 0 !important;
padding-left: 0 !important;
}
.read-more, .more-link {
   color: #ef0202;
   padding-left: 8px;
}
.rpwe-block li{
border-bottom: 1px solid #eee;
margin-bottom: 10px;
padding-bottom: 10px;
list-style-type: none;
}

.rpwe-block a{
display: inline !important;
text-decoration: none;
}


.rpwe-block h3 {
   background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
   clear: none;
   font-size: 22px !important;
   font-weight: 400;
   line-height: 1.5em;
   margin-bottom: 0 !important;
   margin-top: 0 !important;
   padding-bottom: 1px;
}

.rpwe-thumb{
border: 1px solid #eee !important;
box-shadow: none !important;
margin: 2px 10px 2px 0;
padding: 3px !important;
}

.rpwe-summary {
   font-size: 16px;
   line-height: 24px;
}

.rpwe-time{
color: #bbb;
font-size: 11px;
}

.rpwe-alignleft{
display: inline;
float: left;
}

.rpwe-alignright{
display: inline;
float: right;
}

.rpwe-aligncenter{
display: block;
margin-left: auto;
margin-right: auto;
}

.rpwe-clearfix:before,
.rpwe-clearfix:after{
content: "";
display: table !important;
}

.rpwe-clearfix:after{
clear: both;
}

.rpwe-clearfix{
zoom: 1;
}

----
This is part of the how to make a wordpress website series with the spacious theme. To watch the entire video see: How To Make A Wordpress Website - UPD...

Use the hostgator code: nyctech30 for 30% off! (exclusively available through nyctechclub!)

• #people_blogs
• #how_to_website_category
• #blog_industry
• #wordpress_website
• #blog_posts
• #home_page_website_category
• #wordpress_blogger
• #blogger_website