How to add border below widget title?


#1

Hello guyz, can any body help me here right now? I want to add border just after widget title with its size and color customizatons in my blog. Actually, I need it to be done automatically when I add a new widget in my sidebar or footer area.

I hope you are going to help me out. @syncboost, @nitishk


#2

@purushottamkmq

I will come to you within next one hour, Since i am giving final touch to my project. (Keep Resting till then)

Thanks,

Robin Singh


#3

@purushottamkmq

Here is the Code, Add this Code just above </head>

<script>
$(document).ready(function(){
$(&quot;.widget h2&quot;).wrapInner(&quot;<span/>&quot;);
});
</script>

Now, Add this CSS in your Template.

#sidebar-bottom1 h2 span {position: relative;bottom: -2px;display: inline-block;padding-bottom: 5px;border-bottom: 2px solid #F86E7D;} 

Play with CSS for Customization.

Thanks,

Robin Singh


#4

Thanks for the reply with such a code. I will try it later when I get at my home.

and one thing more, if you have time to take a look at my blog. I am launching a new blog as helblog.com. So it is under construction. Can you please look at it once to tell me your opinion?


#5

Bro I have implemented that code in my source code but it is not working. Any other option?


#6

Buddy,

Add javascript only and let me know. I will check it.

Thanks,

Robin Singh