WordPress.org

Support

Support » Plugins and Hacks » WordPress Related Posts » [Resolved] Space between thumbnails

[Resolved] Space between thumbnails

Viewing 4 replies - 1 through 4 (of 4 total)
  • xdaseinx

    @xdaseinx

    I suggest you choose the Custom theme and add this code:

    .related_post_title {
    	clear: both;
    	padding: 0 !important;
    	margin: 0 !important;
    }
    ul.related_post {
    	display: block !important;
    	position: relative !important;
    	margin: 0 !important;
    	padding: 0 !important;
    }
    ul.related_post li {
    	display: inline-block !important;
    	vertical-align: top !important;
    	zoom: 1 !important;
    	*display: inline !important;
    	width: 100px !important;
    	margin: 10px 15px 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;
    	}
    }
    Ellen_81

    @ellen_81

    Hi, cool, thank you! Where can I make the bigger? It’s still a bit less space between the thumbnails…

    Thank you!

    xdaseinx

    @xdaseinx

    In this line:

    margin: 10px 15px 10px 0px !important;

    You change the 15px into anything you want 🙂

    Ellen_81

    @ellen_81

    Thank you! Just perfect! That’s what I call support 🙂

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Resolved] Space between thumbnails’ is closed to new replies.
Skip to toolbar