Tutorial Sidebar Title With Background (Simple Template)

Misaki PureBlood | January 05, 2015 | | |

Unknown ask me how I make my sidebar title with background and border. Anyway, please claim yourself anonymous? Who are you? Are you some spy? Alien? 

Yuhuuu... XDD

So, today. I want to make a tutorial on how to make sidebar title with background like me as you can see on my blog sidebar or picture above. 

Only for Simple Template.


1. Go to Dashboard > Template > Edit HTML

2. CTRL+F and find this code:
h2 {
3. If you can't find h2 { code. Search this code and paste h2 { code below/after it
/* Headings
----------------------------------------------- */
4. It will look like this:

5. Copy code below and paste below/after h2 { code:
box-shadow:0 0 2px #ccc;
border: 3px solid #fff;
background: url(URL IMAGE);
background-position:100% 60%;
background-repeat: repeat;
height: 30px;
padding:0px;
font: 24px 'Bebas Neue' ;
text-align:center;
text-shadow: 1px 1px 4px #333;
color:#fff;
padding-top: 5px;
letter-spacing:2px;
}
5. Preview & Save if there is no error

Red : Url Background
Blue : Background Repeat (repeat or no-repeat)
Yellow : Solid / Dashed / Dotted
Purple : Font Size
Green : Font Type

Credit: AtiqahJaidin


No comments:

Post a Comment