WordPress.org

Ready to get started?Download WordPress

Forums

WordPress Related Posts
[resolved] Replace (4 posts)

  1. alexey19960209
    Member
    Posted 1 year ago #

    How could I relace this plugin? What I have now is http://explory.ru/?p=147 I need related posts to be in the centre, but now it is in the left.

    http://wordpress.org/extend/plugins/wordpress-23-related-posts-plugin/

  2. alexey19960209
    Member
    Posted 1 year ago #

    How can I put in to the center of my page?

  3. xdaseinx
    Member
    Plugin Author

    Posted 1 year ago #

    Use the Custom theme and enter this css:

    .related_post_title {
    	clear: both;
    	padding: 0 !important;
    	margin: 0 !important;
    	text-align: center !important;
    }
    ul.related_post {
    	display: block !important;
    	position: relative !important;
    	margin: 0 !important;
    	padding: 0 !important;
    	text-align: center !important;
    }
    ul.related_post li {
    	display: inline-block !important;
    	vertical-align: top !important;
    	zoom: 1 !important;
    	*display: inline !important;
    	width: 100px !important;
    	margin: 10px 10px 10px 0px !important;
    	padding: 0 !important;
    	background: none !important;
    }
    ul.related_post li a {
    	display: block !important;
    	font-size: 12px !important;
    	line-height: 1.5em !important;
    	text-decoration: none !important;
    	margin-bottom: 5px !important;
    }
    ul.related_post li img {
    	display: block !important;
    	width: 100px !important;
    	height: 100px !important;
    	max-width: 100% !important;
    	margin: 0 !important;
    }
    ul.related_post li small {
    	font-size: 80%;
    }
    
    @media screen and (max-width: 480px) {
    	ul.related_post li {
    		display: block !important;
    		width: auto !important;
    		clear: both !important;
    	}
    	ul.related_post li a:nth-child(1) {
    		float: left !important;
    	}
    	ul.related_post li a:nth-child(2) {
    		font-size: 14px !important;
    		padding: 10px 0 10px 110px !important;
    		display: block !important;
    		height: 80px !important;
    	}
    	ul.related_post li img {
    		width: 100px !important;
    		height: 100px !important;
    	}
    }
  4. alexey19960209
    Member
    Posted 1 year ago #

    Thank you a lot.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.