WP Show Posts

November 28, 2016 at 1:31 am #1131

Participant

With a second inner container I could make a border.

I quickly wrote something. I hope you can understand what I mean.

<html>
<head>
    <style type="text/css">
    body {
    	background-color: gray;
    }
    
    .wp-show-posts-inner {
        background-color: white;
        width: 300px;
        height: 150px;
        position: relative;
    }
    
    .wp-show-post-inner-content {
    	float: left;
        background-color: white;
        width: 280px;
        height: 130px;
        border: 1px solid #e5e5e5;
        position: relative;
        margin: 10px;
    }
    
    .wp-show-posts-entry-header {
		text-align: center;
		margin-top: 20px;
		font-size: 24px;
    }
    
    .wpsp-social {
		text-align: center;
		margin-top: 40px;
		padding-top: 10px;
		font-size: 16px;
		border-top: 1px solid #e5e5e5;
    }
    </style>
</head>

<body>

    <div class="wp-show-posts-inner">
    
		<div class="wp-show-post-inner-content">
		
    		<div class="wp-show-posts-entry-header">Post Title</div>
    		<div class="wpsp-social">FA TW G+ PI</div>		
    		
    	</div>
    		 
    </div>

</body>

</html>

Support Forum