How to add Date block left side of Post Title in WP Genesis Theme

How to Add date block before post title in WordPress

Now a days I have seen many blog shows date in left side of post title, So i have tried to add same style with Genesis child theme. So here is the solution now you also can do it.. Just need to do these 2 changes.

# 1 change on function.php file.

 

/** Add date block before post title */
add_action( 'genesis_before_post_title', 'custom_post_date' );
function custom_post_date() {

	if ( ! is_page() ) {
		echo '';
	}

}

# 2 change on css file.

.post-date {

background-color: #333335;
color: #fff;
float: left;
font-family: “Century Gothic”, AppleGothic, Arial, sans-serif;
font-size: 12px;
line-height: 20px;
margin: 0 10px 5px 0;
padding:3px;
text-align: center;
width: 50px;
}
.post-date p{ font-size: 20px; color: #fff; font-weight:bold;}

enjoy

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>