To use a CSS selector from the list, find the selector that styles the element you are wanting to change. For example, if you want to change the style of your site title in the header, you would use this selector:
#header h1, #header h3
And enter your custom CSS code into the theme options box like this:
#header h1, #header h3 {text-transform:uppercase; letter-spacing: 2px;}
To learn about CSS style properties, visit w3shools.com.
Selector (copy this into the custom CSS box) |
What it controls |
| #header h1, #header h3 | title text |
| p.tagline | tagline text |
| #header #searchform | searchform in header |
| #header #rssfeeds | RSS feed in header |
| #header .headerwidget | header widget |
| #feature | top feature area |
| #feature .topshadow | feature area top shadow image and padding around widgets |
| #feature .feat_box | container for top feature area content/widgets |
| #feature .feat_box h2 | top feature widget titles |
| #feature .feat_box p | top feature widget text |
| #feature .feat_box ul li | top feature list items |
| .posthead h1, .posthead h2 | post/page titles |
| .posthead .postMeta | post date/time and comments region under post title |
| .posthead .postMeta .postdate | date/time in postMeta |
| .posthead .postMeta .commentcount | comment count in postMeta |
| .attachment-post-thumbnail | post thumbnail image |
| blockquote | post blockquote |
| .postcontent a.more-link | 'read more' link following posts |
| #left-sidebar-top .toptitle h5 | left sidebar top boxes widget titles |
| #left-sidebar-top .widget | left sidebar top boxes widget container |
| #sidebar-top .toptitle h5 | right sidebar top boxes widget titles |
| #sidebar-top .widget | right sidebar top boxes widget container |
| #sidebar-left .toptitle h5 | left sub-sidebar widget title |
| #sidebar-right .toptitle h5 | right sub-sidebar widget title |
| #sidebar-bottom .toptitle h5 | bottom sidebar widget title |
| #sidebar-bottom .widget | bottom sidebar widget background |
| #footerfeature | footer feature area |
| #footerfeature .topshadow | footer feature top shadow image and padding around widgets |
| #footerfeature h2 | footer feature area widget titles |
| #footerfeature p | footer feature area text |
| #footerfeature .foot_box | footer feature area widget containers |
| #footerdark | bottom footer area with copyright and links |
| #footerdark p | bottom footer text |
| #footerdark a | bottom footer links |
| .toppostwidget | widget container at top of post/page |
| .bottompostwidget | widget container at bottom of post/page |
| .toppostwidget h5 | widget title at top of post/page |
| .bottompostwidget h5 | widget title at bottom of post/page |