How To Display Recent Posts or Blog Posts With Thumbnails In WordPress More Beautifully
Вставка
- Опубліковано 19 жов 2024
- Copy the below code and paste it in plugin as shown in video. You will get attractive recent post widget.
CODE :
======
.rpwe-block ul{
list-style: none !important;
margin-left: 0 !important;
padding-left: 0 !important;
background-color:#336699;
box-shadow: 0px 0px 2px;
}
.read-more, .more-link {
color: #ef0202;
padding-left: 8px;
}
.rpwe-block li{
border-bottom: 1px solid #eee;
margin-bottom: 10px;
padding: 10px;
list-style-type: none;
}
.rpwe-block a{
display: inline !important;
text-decoration: none;
color:#fff;
}
.rpwe-block a:hover{
color:#F3E910 ;
}
.rpwe-block h3 {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
clear: none;
font-size: 15px !important;
font-weight: 400;
line-height: 1.5em;
margin-bottom: 0 !important;
margin-top: 0 !important;
padding-bottom: 1px;
}
.rpwe-thumb{
border: 1px solid #eee !important;
box-shadow: none !important;
margin: 2px 10px 2px 0;
padding: 3px !important;
}
.rpwe-summary {
font-size: 8px;
line-height: 24px;
}
.rpwe-time{
color: #bbb;
font-size: 11px;
}
.rpwe-alignleft{
display: inline;
float: left;
}
.rpwe-alignright{
display: inline;
float: right;
}
.rpwe-aligncenter{
display: block;
margin-left: auto;
margin-right: auto;
}
.rpwe-clearfix:before,
.rpwe-clearfix:after{
content: "";
display: table !important;
}
.rpwe-clearfix:after{
clear: both;
}
.rpwe-clearfix{
zoom: 1;
}
=========================================================
If you are a blogger then it is very important to show your recent blogs to your customers and increase more page views. This plugin that I explained in the video makes you insert blog posts in all the pages more attractively. The code I gave gives more color options and border settings.