11 June 2014

customise your sidebar titles



Sidebar titles can be pretty boring if you only use the options blogger provides, here is a quick and easy way to give your sidebars a makeover!

STEP ONE:

From your dashboard, press template on the left hand side, then press customise.

STEP TWO:

Now choose Advanced > Add CSS and paste the code below into the white box.
.sidebar h2{
text-transform: uppercase;
letter-spacing: 2px;
background: #ffffff;
border-bottom: 1px solid #88bb21;
}

STEP THREE:

You can now edit this code until you get your sidebar titles how you want them! Here are a few more options you could add:
word-spacing: 3px;
font-weight: bold;
font-style: italic;
padding: 5px;
background-image:URL('IMAGEURLHERE');

Press save and you should now have unique and awesome looking sidebar titles!

Serena Ozgowicz is a 21 year old Puggle owner with a passion for web design. She likes to share her passion with you guys through tutorials and helpful tips. You can follow her on facebook, twitter and instagram.

No comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...