For some blogs, the blog post titles are long then “recent post” feature will not be aligned. The css below will help you to fix this issue.

.mysection.section4 .listrecentpost .rrecent .reimg img {opacity:1 !important;}
.mysection.section4 .listrecentpost .rrecent:nth-child(3n+1) {clear:left;}
.address_phone ul:before {height:12px}
@media only screen and (max-width: 710px) {
.mysection.section4 .listrecentpost .rrecent:nth-child(2n+1) {
clear: both !important;
}
.mysection.section4 .listrecentpost .rrecent:nth-child(3n+1) {
clear: none;
}
}

You can add css above before //]]></b:skin>

Or you also can add it to style-sheet to add before </head> like this:

<style>
.mysection.section4 .listrecentpost .rrecent .reimg img {opacity:1 !important;}
.mysection.section4 .listrecentpost .rrecent:nth-child(3n+1) {clear:left;}
.address_phone ul:before {height:12px}
@media only screen and (max-width: 710px) {
.mysection.section4 .listrecentpost .rrecent:nth-child(2n+1) {
clear: both !important;
}
.mysection.section4 .listrecentpost .rrecent:nth-child(3n+1) {
clear: none;
}
}
</style>

Note: This trick only apply for Anext Theme.

Leave a Reply