[Support request] Related Posts

Home Forums Support Related Posts

  • This topic has 3 replies, 2 voices, and was last updated 4 months ago by Leo.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1453804
    sanu kumar

    Hey GP

    I want to show Related Posts on my “All Posts” only. but without a plugin. I don’t want to use the plugin.
    I want to achieve this. https://i.postimg.cc/02jj9BLY/bv.png

    Just after the content and I am using this CSS TO design:

    /*---[ Related Posts ]---*/
    .relatedposts {
    	clear:both;
        padding: 50px 0;
    	position:relative;
    }
    .relatedposts ul {
    	margin: 0;
    	padding: 0;
    }
    .relatedposts ul li {
        background: #fff;
        box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.1);
    	float:left;
    	list-style: none;
    	margin:0 3% 0 0;
        position: relative;
    	width:30.33%;
    }
    .relatedposts ul li:hover {
        box-shadow: 0 10px 30px 0 rgba(0,0,0,0.3);
    }
    .relatedposts ul li:nth-child(4n) { margin-right:0 }
    .relatedposts img {
    	float: left;
    	height: auto;
    	width: 100%;
    }
    .relatedposts .title {
    	font-size:20px;
    	line-height:30px;
    	margin:0;
    }
    
    .relatedposts .section-heading {font-size:40px}
    
    .relatedposts .relatedthumb {
    	display: block;
    	float: left;
        margin-bottom: 15px;
    	width: 100%;
    }
    .relatedposts .related-content {
    	clear:both;
        padding: 0 20px 20px;
    }

    How to create it on GeneratePress?

    #1454026
    Leo
    Staff
    Customer Support

    Hi there,

    Not sure if I fully understand.

    Related posts require more than just CSS. It would require a custom solution without a plugin.

    #1454091
    sanu kumar

    I want to display related posts like this website is using.

    #1454105
    Leo
    Staff
    Customer Support

    Looks like that site might have custom coded the functionality – that is out of the scope of this forum though.

    This is the plugin we usually recommend:
    https://en-ca.wordpress.org/plugins/contextual-related-posts/

    Then you can style it with CSS after.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.