Documentation

If you have any questions that are beyond the scope of this documentation, please feel free to email us at support@pixelunion.net.

  1. Features Overview

    1. 3 Layout Sizes

      As of v1.2, Effector now lets you pick between 500, 600, and 700 pixels for the width of your content. Choose the wider options if you want to make your high resolution photos and videos stand out, or stick to the original 500 pixels if you prefer your blog layout looking nice and compact.

    2. HTML Photosets

      In version 1.2, Effector’s default photoset uses the new slider functionality as seen in this post. HTML photosets use the high-res versions of your images making them perfect for the wider layouts. Tumblr’s default Flash photoset look bests in the 500 pixel layout and can be enabled by toggling the option Original Photosets.

      Masonry photosets can be triggered simply by adding the tag masonify to your post. Masonry stacks your photos like bricks, similar to the way posts are positioned in a Tumblr Archive Page. Note: masonry photosets will only trigger on the 600 and 700 pixel layouts!

      Update (12.07.2010): I’ve added the ability to span a photoset image across the entire post width as seen in this demo post. To do this, simply prefix the image’s caption with 2col: and the theme will work its magic. The high-res version will automatically be used.

    3. Customization

      Change the theme colors, add a banner, invert elements, choose a different font for your posts, align things, move elements from the sidebar to the top bar (and vise versa). Scroll down to read the list of options ;)

    4. Content & Sidebar Alignment

      Center your layout, or have it left aligned. You can also align your sidebar left or right.

    5. Twitter Tweets Integration

      Show your tweets in the sidebar. As of 1.2, you can choose how many tweets you want shown (4 max) and Your screen name, name, and bio appear above your tweets.

    6. Infinite Scrolling

      Scroll infinitely in 1.2

    7. Share

      Tweet and Like buttons supported.

  2. Appearance Options

    1. Custom Theme Colors

      Background color:
      Self explanatory. Default: #e6ebea

      Main Theme color:
      Applies to the background of several page elements such as Quote blocks, Audio player blocks, and for the following link elements when hovered: Page links, “More likes”, ‘Liked’ Link titles, and Pagination links. Default: #f55b2c

      Colored Area Text:
      The text color on the same elements listed under “Main Theme color”. Default: #fffadc

      Colored Area Text shadow:
      The text shadow color on the same elements listed under “Main Theme color”. Default: #bf4402

      Inside Link color:
      The color of all links inside post areas backed the white. Default: #f55b2c

      Outside Link color:
      The color of links outside of posts (i.e sidebar and footer). Default: #f55b2c

      Outside Link Hover color:
      The “on hover” color of links outside of posts (i.e sidebar and footer). Default: #131313

      Outside text color:
      The Text color outside of posts (i.e sidebar and footer). Default: #616566

    2. Fonts

      Outside text font:
      The body font outside of posts (i.e sidebar and footer). Default: Helvetica Neue, Arial, sans-serif

      Outside Heading font:
      The heading font outside of posts (i.e sidebar and footer). Default: Helvetica Neue, Arial, sans-serif

      Inside text font:
      The body font inside posts. Default: Georgia, serif

      Inside Heading font:
      The heading font inside posts. Default: Helvetica Neue, Arial, sans-serif

    3. Custom Images

      Banner Image:
      Place your own banner beneath the top bar. Maximum widths vary depending on your chosen layout size:

      Content Width 500 → 760 pixels
      Content Width 600 → 860 pixels
      Content Width 700 → 940 pixels

      Large Sidebar Portrait:
      Larger portrait image above your description. This image is surrounded by a white border. Maximum Width: 170 pixels.

      Logo Image:
      Your logo image. Appears in the sidebar by default. Can be placed in the top bar with the option: Logo in Top bar.

      Background Image:
      Self explanatory.

    4. Invert

      Useful for darker color schemes. When toggled, outer page elements like icons and headings turn white. You will still have control over the Outside link and text colors.

    5. Fixed Background

      Works with the background image option. This changes the attachment to ‘fixed’, causing your background image to stay in place as the user scrolls. You can learn to tweak the background even further over at the Useful tweaks page.

    6. Logo in Top bar

    7. Blog Title in Top bar

    8. Blog Title in Page Header

      Will not show if a Banner is present!

    9. Blog Title in Sidebar

    10. Show ‘About’ Heading

    11. Show ‘Pages’ Heading

    12. Show Description

    13. Show Portrait

      Toggling this places your Portrait Photo from the Info tab in the sidebar description. The 64px × 64px version is used.

    14. Show Tweets

      For 1.2.2 and above, “Twitter Username” must be filled in. Signing into Twitter via Services tab is no longer a requirement.

      For 1.2.1 and below, you must be signed in with Twitter in the Services tab

    15. Show Twitter Profile

      Places your Screen Name, Name, and Bio above your tweets

    16. Num Tweets Max 4

      Enter a the amount of tweets shown (1-4)

    17. Twitter Heading

      Custom Heading Text for Tweets Widget. Default: Twitter

    18. Liked Posts Heading

      Custom Heading Text for the Liked Posts widget. Default: I Dig These Posts

    19. Show Likes

      Placed in the footer by default.

    20. Show Likes in Sidebar

    21. Show Social Icons Widget

      Social Icons appear in the sidebar

      As of 1.2, only your username is required unless otherwise stated. To avoid issues with the options that require a URL, use full addresses (http://..)

      1. Dribbble Username
      2. Behance Username
      3. Cargo URL
      4. Forrst Username
      5. FFFFound Username
      6. Twitter Username
      7. Facebook Username
      8. Vimeo Username
      9. Youtube Username
      10. Flickr Username
      11. Delicious Username
      12. Digg Username
      13. Lastfm Username
      14. Myspace Friend ID
      15. Soundcloud Username
      16. Grooveshark Username
      17. Rdio Username
      18. Foursquare Username
      19. Gowalla Username
      20. Google URL
      21. Skype Username
      22. Linkedin Profile URL
      23. Xbox Live Profile URL
      24. github Username
      25. Pinboard Username

    22. Large Social Icons

    23. Show Blogs I Follow

    24. Rows of Followed Avatars

      Choose the number of rows you want to keep visible. This prevents the ‘Followed Blogs’ widget from taking up the entire sidebar by keeping the remainder hidden. (Show/Hide link will be added)

    25. Content Width 500

      Content Width 600

      Content Width 700

      Width of your content. Toggle 1 only!

    26. Invert Top Bar

      Black Top Bar with white text/icons. (Only when fixed)

    27. Fixed Top Bar

      Keeps bar attached to the top of the page while scrolling.

    28. Pages in Top Bar

      Move your pages from the sidebar into the top bar.

    29. Align top menu left.

      ‘Top menu’ refers to the icons: Archive, RSS, Submit, Random etc. Useful for filling the empty space when nothing on the left side is present.

    30. Top Menu With Labels

      Toggles text labels beside menu icons.

    31. Show Random Post Icon

      Shows the Random Icon in the top menu

    32. Left Sidebar

      Places the sidebar to the left of your content

    33. Centered Layout

      Aligns content to the left when toggled off.

    34. Rounded Post Corners

      Turns on rounded corner style on your posts. (Modern browsers only)

    35. Original Photosets

      HTML Photosets are turned on by default. Toggle this option to use Tumblr’s flash photoset.

    36. Collapse Notes

      Keeps the notes tucked away when first entering a permalink page (single post).

    37. Infinite Scrolling

      Turns on infinite scrolling. Footer and Likes will not be present on Index pages.

    38. Scale Images

      Toggles scaling images to fit post width. Images will appear centered with black bars.

    39. Search Box In Sidebar

      Moves the search box from the top bar to the Sidebar. Will appear between pages and description.

    40. Automatic Headings

      When toggled, applying bold to the first line of a description/caption will style it as a heading.

    41. Default Search Text

      Search box placeholder text. Default: Search

    42. Copyright Text

      Appears in the footer.

    43. Disqus Shortname

      Enter your Disqus shortname to enable commenting on posts. Sign up for Disqus, it’s free.

    44. Google Analytics Web Property ID

      Example: UA-10876-1

  3. Support

    If you have any questions, feedback, or issues with the theme please email support@pixelunion.net