Support » Plugin: WordPress Related Posts » Replace

Viewing 3 replies - 1 through 3 (of 3 total)
  • How can I put in to the center of my page?

    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;
    	}
    }

    Thank you a lot.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Replace’ is closed to new replies.