Wednesday 16 October 2013

How To Change The Link Color In Wilderness Blogger Template?

wilderness Blogger template
Wilderness Blogger template is a professional Blogger template provided by Soratemplates. This template has various features such as it is ads ready, SEO friendly, professional looking, contains a featured slider etc. All these features make this template a perfect template for Blogger but this template also has a problem, which is its link color. In wilderness Blogger template the link color for posts section is dark grey which almost looks like black and that is a big problem because the links merges with other text color in the posts and it becomes difficult to find out the link out of other text.

We can try various solutions for that problem like we do in other templates but the problem is it changes the color of all the links in the template such as links of the header section, posts links on homepage of blog etc. So this tutorial is for those who only wanted to change the link colors in posts. In this tutorial i will show you two methods for this. The first method will solve this problem in one step but if in case it doesn't work for you then you can try the second method.

Also read: How to add a code box to Blogger ?

Below are the two methods describing how to change link color in wilderness Blogger template:

Method 1:

  • Log in to your Blogger Account.
  • Go to Dashboard >> Template >> Edit HTML.
  • Now search for the following code:
<data:post.body/>
Note: This code appears three times in the code, so you have to search the third one. You can use CTRL+F for searching purpose.
  • Now copy and paste the below code just after or below <data:post.body> code.
<!-- link color css start-->
<style type='text/css'>
.post-body a{
color: #B40404 !important;
}
.post-body a:hover{
color: red !important;
}
.post-body a:visited{
color: default !important;
}
.post-title a{
color: default !important;
text-decoration: none !important;
}
.post-title a:hover{
color: default !important;
}
</style>
<!--link color css end-->
  • Then save your template and you are done.

Method 2:

  • Go to Dashboard >> Posts.
  • Then select post in which you want to change the color and paste the above CSS code just above the last </div> tag.
  • Now save your post and you are done.
Note: If you use second method then you have to put the CSS code in all posts and pages.

Customizations:

  • Change the color code in red with your desired HTML color code or default color name.
  • Change the color name in green to change the color the of link on hover.
  • Replace the text default shown in blue to change the visited link color.
Also read:

0 comments:

Post a Comment