FYI: Posts will be sparse around here until I replace my laptop.... Coming back to work after Christmas break apparently was too hard and it quit on me!

22 January 2013

Tuesday's Tips - Customizing Gadget Heading Format

Gadget Headings are the titles for each item on your sidebar/lowerbar. 
To customize the gadget headings format you're going to look for this code in your template:
h2 {

The CSS inside the brackets {} following that code will control what your gadget headings(ie. on your sidebar/lowerbar/or above your posts) look like.
You can customize the code however you'd like--be creative! You can use my CSS Basics posts on Borders, Backgrounds, Text, and Padding & Margins for specific codes. If you have any questions on how to do something specific, ask in a comment and I'll get back as soon as I can.

For example, my current gadget heading code looks like this:

h2 {
background:transparent;
background-image:url();background-repeat:no repeat; background-position:bottom left;
color: #70543e;
font-family: Perpetua;
line-height:20px;
text-transform:none;
letter-spacing:0px;
text-align:center;
font-size:20px;
font-weight:normal;
font-variant: none;
letter-spacing:2px;
padding: 8px;
}

1 comments:

marcia

THANK YOU! I've was wondering how to do this just the other day! your tutorials are absolutely the best!

Post a Comment

Leave your thought...