Sidebar and post tittle hover.

This is a request from my collaegue friend.
She ask about how to make the sidebar and post tittle font padding to the left just like mine.
Since i can't remember where i get the code,
so, i will just used the one that in my template html.

oryte. for sidebar, 
search for this code first.
Easy use the ctrl+F to search, remember to tick expand widget first!

.sidebar h2 {

Then, copy this code. And paste it under the previous code. Scroll down to see the example.

 .sidebar h2:hover {
text-align:center;
border-bottom: 2px dashed #F781F3;
margin:1em;
padding-left: 50px;
-webkit-transition-duration: 2s;
font:normal 12px Century Gothic;
color: #8000FF;
}    

As for Post tittle ,
First search for this code.
 .post-title {

Then copy this code and paste under the previous code.

.post-title:hover {
text-align:center;
border-bottom: 2px dashed #F781F3;
margin:1em;
padding-left: 50px;
-webkit-transition-duration: 2s;
font:normal 12px Century Gothic;
color: #8000FF;
}


The example:


Then,preview if no error...
Save!


*addition: you can change by urself your own colout code.
Green for border colour.
blue for font colour.
get the code Here.






CONVERSATION

0 コメント/komen:

Back
to top