Merge pull request #79 from Codeinwp/development

Fixed issue with Related Posts
Codeinwp · Jun 7, 2016 · f581507 · f581507
2 parents 24d6b0e + 4483a10
commit f581507
Showing 1 changed file with 30 additions and 34 deletions.
diff --git a/style.css b/style.css
@@ -4,7 +4,7 @@ Theme URI: 		http://themeisle.com/themes/zillah/
 Author: 		ThemeIsle
 Author URI: 	http://themeisle.com
 Description: 	Zillah is a free blogging WordPress theme.
-Version: 		1.0.1
+Version: 		1.0.2
 License: 		GNU General Public License v2 or later
 License URI: 	http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: 	zillah
@@ -2188,53 +2188,42 @@ div.sharedaddy h3.sd-title:before {
 
 /* Related posts */
 .entry-content #jp-relatedposts h3.jp-relatedposts-headline {
-    font-family: 'Merriweather', Georgia, serif;
-    font-size: 20px;
-    font-weight: 400;
-    text-align: center;
-    width: 100%;
-    color: #373735;
-    text-transform: none;
-    margin-top: 60px;
+	font-family: 'Merriweather', Georgia, serif;
+	font-size: 20px;
+	font-weight: 400;
+	text-align: center;
+	width: 100%;
+	color: #373735;
+	text-transform: none;
+	margin-top: 60px;
 }
 
 .entry-content #jp-relatedposts h3.jp-relatedposts-headline em {
 	font-family: 'Merriweather', Georgia, serif;
 	font-weight: 400;
 }
 
-.entry-content #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
-	background: #f6f6f6;
-	padding: 0 0 20px 0;
-	margin: 5px;
-}
-
 .entry-content #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title {
 	text-align: center;
-    padding-top: 0;
+	padding-top: 0;
 	white-space: nowrap;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	max-width: 80%;
 	margin: 20px auto 0;
 }
 
-.entry-content #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post a:hover {
-	text-decoration: none;
-}
-
 .entry-content #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
-    font-size: 16px;
-    font-family: 'Cabin', Helvetica, sans-serif;
-    text-transform: uppercase;
-    color: #575756;
+	font-family: 'Cabin', Helvetica, sans-serif;
+	text-transform: uppercase;
+	color: #575756;
 	letter-spacing: 1px;
 	font-size: 15px;
 }
 
 .entry-content #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover {
-    text-decoration: none;
-    color: #628d7c;
+	text-decoration: none;
+	color: #628d7c;
 }
 
 .entry-content #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context {
@@ -2243,18 +2232,25 @@ div.sharedaddy h3.sd-title:before {
 	margin: 0 auto;
 }
 
-.entry-content #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
-	padding: 10px 10px 20px 10px;
-	margin-bottom: 0;
-	opacity: 1;
+.entry-content #jp-relatedposts h3.jp-relatedposts-headline em:before {
+	content: "";
+	border-top: 1px solid rgb(246, 246, 246);
 }
 
-.entry-content #jp-relatedposts h3.jp-relatedposts-headline em:before {
-    content: "";
-    border-top: 1px solid rgb(246, 246, 246);
+.entry-content #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post{
+	padding: 0 0 20px 0;
+	margin: 5px;
+}
+
+.entry-content #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post{
+	width: 32%;
+}
+
+.entry-content #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post{
+	opacity: 1;
 }
 
-#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a {
+.entry-content #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a{
 	text-decoration: none;
 	color: #7fcaad;
 }