WordPress.org

Ready to get started?Download WordPress

Forums

WordPress Related Posts
[resolved] Space between thumbnails (5 posts)

  1. Ellen_81
    Member
    Posted 2 years ago #

    Hi there,

    I love this plugin, but I have a little problem with it.
    I have the thumbnails vertical medium and it works fine, but there is absolutely no space betwenn the thumbnails. They seem to "glue" at each other. It would be cool, if someone could help me.

    Here you can see it live:

    http://www.friedatheres.com/dezember-vorschau

    I work with Dandelion theme.

    Thank you
    Ellen

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

  2. xdaseinx
    Member
    Plugin Author

    Posted 2 years ago #

    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;
    	}
    }
  3. Ellen_81
    Member
    Posted 2 years ago #

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

    Thank you!

  4. xdaseinx
    Member
    Plugin Author

    Posted 2 years ago #

    In this line:

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

    You change the 15px into anything you want :)

  5. Ellen_81
    Member
    Posted 2 years ago #

    Thank you! Just perfect! That's what I call support :)

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.