Recent Posts By Category

This feedback is very good, but I need to upgrade to better support. If you want to use a personalization posts list, using your own CSS style is a better choice.

Need to wait for me to release the next version. I have kept your feedback. ??

Thank you so much, I completely understand. Could you just point me to the appropiate class or ID that I would need to attach my custom CSS to? I am working on getting better at doing my own custom CSS, but I waste a lot of time trying to figure out what the original designer named the thing.

?? if you want add featured images post, you can try this css:

/* Post List with Featured Image */
.post-img-list-box,
.post-img-list-box li {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1.3;
}

.post-img-list-box li:after {
	display: block;
	content: '';
	clear: both;
	border-bottom: 1px dotted #E6E6E6;
}

.post-img-list-box li .item-thumb {
    float: left;
    width: 39.4%;
    margin-right: 1em;
    margin-bottom: 1em;
    padding: 2px;
    display: block;
    text-align: left;
}

@media all and (max-width: 1280px) {
	.post-img-list-box li .item-thumb {
		width: 100%;
	}	
}

@media screen and (max-width: 768px) {
	.post-img-list-box li .item-thumb {
		width: 25.4%;
	}
}

@media screen and (max-width: 480px) {
	.post-img-list-box li .item-thumb {
		width: 39.4%;
	}
}

.post-img-list-box li .item-thumb img {
    margin: 0;
    padding: 0;
    max-width: 100%;
}

.post-img-list-box li .item-info {
    float: left;
    width: 50%;
}

@media all and (max-width: 1280px) {
	.post-img-list-box li .item-info {
		width: 82.5%;
	}
}

@media screen and (max-width: 768px) {
	.post-img-list-box li .item-info {
		width: 72%;
	}	
}

@media screen and (max-width: 480px) {
	.post-img-list-box li .item-info {
		width: 50%;
	}	
}

.post-img-list-box li .item-info.no-image {
    float: none;
    width: 100%;
}

.post-img-list-box li.nothumb {
    display: none;
}

.post-img-list-box li {
    border: none;
    display: block;
    margin-bottom: 1em;
    display: block;
    height: auto;
    position: relative;
}

.post-img-list-box li .item-title {
   
}

.post-img-list-box li .item-date {
    filter: alpha(opacity=65);
    -moz-opacity: 0.65;
    opacity: 0.65;
    font-size: 0.8571428571em;
    padding: .7em 0;
}

HTML format for Uix Shortcodes Pop-window:

<ul class="post-img-list-box">

	<li>
		<div class="item-thumb">
			<a class="featured-image" href="[uix_recent_posts_link]"> [uix_recent_posts_thumbnail] </a>
		</div>
		<div class="item-info ">
			<div class="item-title"> <a href="[uix_recent_posts_link]">[uix_recent_posts_title]</a> </div>
			<div class="item-date">[uix_recent_posts_date_M] [uix_recent_posts_date_d], [uix_recent_posts_date_y]</div>
		</div>
	</li>

       ...
	

</ul>

You can modify the better style on this code. ??

Cheers!

Hi, I have upgraded to 1.4.8, and improved some shortcodes. You can try it. Thanks.
Recent Post New Features, check out: https://www.dropbox.com/s/4vqrn7fz6x3926t/post-added.jpg?dl=0