Redesign Related Posts in WordPress (CSS)

redesign-related-post-genesis.txt

/*------------- Change Font Size of Related Post Title -------------*/
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
	font-size: 16px!important;
	font-weight: bold!important;
	font-family: sans-serif;
}

/*------------- Change Fonts of Related Posts Headline -------------*/
#jp-relatedposts h3.jp-relatedposts-headline em {
font-weight: 900;
font-size: 24px;
line-height: 35px;
font-family:  Playfair Display;
border-bottom: 4px solid #CFA042;
text-transform: capitalize;
}

/*------------- Change Padding of Related Post Headline -------------*/
#jp-relatedposts h3.jp-relatedposts-headline {
    margin: 0 0 2em!important;
}

/*------------- Create Spacing Between Featured Image and Post Title -------------*/
#jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title {
    margin-top: 10px!important;
}