Headline Updated to v1.6.1
A new update to the Headline theme has been approved by Tumblr and should now be live on all standard installations.
v1.6.1 fixes a bug with the background image CSS style that would cause background images to repeat, even when the Tile Background Image toggle button was not selected in the Appearance panel. Thanks to Mark for the heads up!
I use your theme across a network of tech sites (http://finerthingsin.com), but I have to use Custom HTML to add Clicky, which breaks my ability to get theme updates easily. If you require a small child or a goat for this work, we can talk.
Chartier, we’re pleased to announce that we’ve submitted an update to Tumblr that includes Clicky Analytics integration. No more custom HTML required!
To enable Clicky (you’ll need an account) simply find your Site ID in your Clicky site preferences page (typically a six-digit number). Copy and paste this number into the new “Clicky Site ID” text field in your Tumblr Appearance panel. Save your settings and voila! Real-time statistics via Clicky!
This is part of a v1.6 update that also fixed our fix to those pesky Twitter/Facebook/Digg icons. Doh! Maybe we should fire our monkeys and hire your goat.
This is a bug and we’ve submitted a revision to the Tumblr Theme Garden that should address the issue.
The issue was caused by the use of user tags as class names for individual post “div” blocks. When using the social media names Facebook, Twitter and Digg as post tags, the theme would insert those class names, triggering the default CSS styles which display the service icons.
We’ve remedied this bug by adding a “tagged-” prefix to these class names. If you’ve implemented custom CSS to style individual posts using tags, you’ll need to update your classes accordingly.
All users who have not customized their HTML will be updated to v1.5 once the revision is approved by Tumblr. If this post has a Digg thumbnail icon on its links, then that has not happened yet.
The custom CSS window should be empty, unless you’ve added your own CSS styles. The CSS for the theme is contained in an external file, which is occasionally updated to accommodate fixes and improvements. The current version of the CSS file is 1.3.
This can be achieved using custom CSS. The header, sidebars, and post are contained within a “.wrap” selector. Setting a background color property on that selector via custom CSS will fill those sections. For example, if you’d like to have a white background, use:
.wrap {background:#fff;}
If you’d like to adjust the left, middle and right columns individually, you may use the “#sidebar”, “#primary” and “#secondary” selectors respectively.
Yes, using custom CSS. The theme uses id’s to dynamically adjust the width of each column, depending on page type. The left, center, and right columns are labeled with the following id’s respectively: #sidebar, #primary, and #secondary. Here is the CSS that controls column width:
#sidebar { width: 200px; }
#primary { width:669px; border-left: 1px solid; }
#index #primary { width: 438px; border-right: 1px solid; }
#permalink #primary { width: 538px; border-right: 1px solid; }
#secondary { width: 0; display:none }
#index #secondary { width: 230px; display:block; }
#permalink #secondary { width: 130px; display:block; }
This gives three possible layouts: All three columns (e.g. home page or tag index); all three columns, but with a wider center column and narrower right column (e.g. permalink pages or ask page); two columns, left and center only (e.g. pages).
Column widths may be adjusted by tweaking the styles via custom CSS, however please note that the theme uses fixed sizes for photo, photoset, and video posts to correspond with the default column widths. Adjusting those requires tweaking the appropriate theme tags.
As for font sizes, custom CSS can again be used to adjust the default settings. Each column may be individually targeted using the #sidebar, #primary, and #secondary selectors, as well as individual elements using more specific selectors.
Adding a Custom Header Image
To add a custom header image, you’ll need to navigate to the Appearance tab in the Tumblr Dashboard, which is located in the “Customize” sub-section.
Once inside the Appearance tab, you’ll need to scroll down a bit and look for the “Header image” label. By default the Headline theme does not contain a header image. It uses your blog’s title as a header. To add a header image, click “Upload” and select your custom graphic.
Please note that the maximum width of the theme is 870 pixels. If your custom header image is wider than 870 pixels, it will run beyond the third column and not look very good. For images less than 870 pixels wide, the image is centered.
For you CSS-savvy users, please note that a top and bottom margin of 1.5em is added to the #header-image element. If you’d like to flush your image to the top of the page and left-justify it, you’ll need to override the defaults using the following custom CSS:
#header-image { margin-top:0; }
#header {text-align:left; }