Saints
asked 8 years ago

Hey,  

Im am looking for a way to increase the amount of related posts.

The 1 row 3 images works great for small sites but as we grow the wish for more related articles grows.

See images for example.

From: http://i.imgur.com/YsQL7K4.png

to: http://i.imgur.com/MaAQduB.png

I would like to know what i have to change to display 2 rows and 3 rows.

 

1 Answers
DominicStaff
answered 8 years ago

To resolve this issue, you can open the single.php file in the folder path “\wp-content\themes\dw-focus”. Find the line 26.
– Change old value to 6 to display 2 rows as you want,  and then follow the jetpack’s guideline in the Blog article on how to use Edit CSS here. http://designwall.com/blog/using-jetpack-custom-css-for-your-wordpress-site/
Then add the following code to the Edit Css.

.related-post .post:nth-child(4) {  margin-left: 0 !important; }

– Change old value to 9 to display 3 rows , then add the following code to the Editor CSS:

.related-post .post:nth-child(7) {  margin-left: 0 !important;  clear: left; }

Hope this helps !

Saints
replied 8 years ago

Thx alot 😉
.related-post .post:nth-child(4) { margin-left: 0 !important; clear: left; }
in combination with 2 rows works like charm..

Powered by DW Question & Answer Pro