Right now, thesis is most search optimized and user friendly theme in blog world. Many of you even using it and I am sure that you love it. Today I will give you tutorial on How to change Recent post and Random Post widget color in thesis theme?. You can see live example on blog in sidebar. I hope you love it and want to show on you blog too.
Before we start we need to install some plugins. Here is list.
Popular Post by Rob Marsh – Click here.
Recent Post by Rob Marsh – Click here.
Install this two pluings and then go to next step.
After installing you need to go to custom file editor in your wordpress admin page or access to ftp file. Open cutom.css file.
Add bottom cod in your custom.css file.
Recent post:
#recent-posts h3 {background: #90040b; height:30px; font-size:1.4em; color:#fff; padding-top: 0.1em; padding-bottom: 0em; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-align:center;
}
#recent-posts a {color:#2E2F2F;}
Popular Post:
#popular-posts h3 {background: #F17022; height:30px; font-size:1.4em; color:#fff; padding-top: 0.1em; padding-bottom: 0.1em; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-align:center;
}
#popular-posts a {color:#2E2F2F;}
This is my customixation for recent post and popular post. You can change color and size according to your choice.
Save file and see change on your blog. This will look exactly like my blog. If you want to change background color and more, here is code.
Recent post:
#recent-posts li {
background: #fff;
border: 0px solid #000;
line-height: 1.4em;
-moz-border-radius: 5px;
padding: 0.2em;
-webkit-border-radius: 5px;
text-align: left;
}
Popular post:
#popular-posts li {
background: #fff;
border: 0px solid #000;
line-height: 1.4em;
-moz-border-radius: 5px;
padding: 0.2em;
-webkit-border-radius: 5px;
text-align: left;
}
Change background color according to your choice.
border: 0px solid #000;
This code will show line around each link in widget. If you don’t want to see just remove it.
If any thing goes wrong or need help, you can contact me using contact form.
This is new to me and thanks for sharing.
Sarimin´s last blog ..Iklan Berlabel Di Pesawat Boeing Milik Afrika Selatan
I am using the popular post plugin with thumbnail in my blog, but the images appears bad aligned. Can somebody tell me how fix this?
Arquigrafico.com´s last blog ..El arco en la Construccion.
I check it and it seems perfect to me. what do you mean by “the images appears bad aligned”. Can you be more specific so, I can help you?
thanks a lot for sharing sir, now I got the ‘lights’
Blogger Indonesia´s last blog ..Sony-AK.com VS SONY Corp