powerful

versatile

Craticula Appearance Options

Background
Can be manipulated with the background image style and background image position options.
Header Background
Can be manipulated with the header background image style and header background image position options.
Post Background
Logo
Shown in header above the blog's title, use Hide Blog Title to replace the textular title with this logo.
Text
Accent
Used mostly for textual accents - horizontal rules, blockquotes, dashes before unordered lists - also for the loading spinner.
Accent 2
A complement to the primary accent colour, used to make a gradient which forms most of the textual accents, also used as the active slice of the loading spinner. Looks good when it's a different hue or brightness to the main accent colour.
Titles
For titles in text, link and quote posts.
Background
Header Background
Can be hidden with the transparent header background option.
Header Text
Social Icons
Social Icons Background
Visibility dependant on the Social Link Display option.
Post Background
This is for the content of text, link, quote, and chat posts. Can be hidden with the transparent post background option.
Audio Player Background
If the cumulative rgb values of this is less than 400 it will automatically revert to tumblr's black audio player. This is because the text colour of the audio player isn't changeable and the text becomes unreadable when the background is dark.
Slideshow Accent
For the arrows and dots on photoset slideshows.
Slideshow Background
If the photoset slideshow effect is set to fade, when animated the slideshow will crossfade through this colour.
Body
Can be overridden with the Font Family Body text option.
Post Titles
Can be overridden with the Font Family Post Titles text option.
Blog Title
Can be overridden with the Font Family Blog Title text option.
Pagination Style
  • Infinite Scroll will load more posts when scrolled down the page
  • Jump Pagination shows numbered navigation
  • Previous and Next Buttons show buttons for navigating forward and back
  • Arrows shows arrows for navigating and diplays the current page number and total pages
Header Display
Header Align
Left, Center or Right. Will also apply if header is displayed as a post.
Background Image Style
  • Repeat will tile image.
  • Fixed Repeat will tile image and not move on page scroll.
  • No Repeat will display image once.
  • Fixed No Repeat will display image once and not move on page scroll.
  • Cover will scale image to fill whole page and not move on page scroll.
Background Image Position
Center, Top Left, Top Right, Bottom Left or Bottom Right. For repeating or covering backgrounds center should be used.
Header Background Image Style
Same options as Background Image Style.
Header Background Image Position
Same options as Background Image Position.
Twitter Display
Twitter can be displayed in the bottom of the header or as the blog's first post. When displayed as a post the permalink area (the twitter bird icon and a link to your profile) will resemble a text post permalink area, as determined by the Text Post Permalink Display option. Amount of tweets displayed can be chosen with the Tweets To Display option and @ replies can be hidden by toggling the Hide Twitter Replies option.
Instagram Display
When the Instagram Username is filled in the Instagram widget will show as a post. It can be displayed as a single image, a 2 by 2 grid or a 3 by 3 grid. The margin between images in the grid is the same as the Photoset Image Margin. The permalink area (the instagram logo and a link to your profile) will resemble an image post permalink area, as determined by the Image Post Permalink Display option.
Tags Display
  • Normal displays as a tag shape, the tag's background is derived by mixing the text colour and the permalink's background colour.
  • Plain shows tags as plain text prepended with a hash symbol.
  • None hides tags on the index page.
Photoset Layout
Sets the default display for photosets, although they can be curated on a post-by-post basis using tags, shown in brackets.
  • Normal displays photoset in the mosaic pattern as seen on the dashboard, you can chose the margin between images with the photoset image margin option. (#slideshow-normal)
  • Separate displays images in a horizontal list, also separated with the photoset image margin. (#photoset-separate)
  • Only First Image shows only the first image in the photoset, the rest can still be accessed by toggling through the lightbox which appears when the first image is clicked. (#photoset-one)
  • Slideshow with Arrows shows slideshow that can be clicked through with left and right arrows. (#photoset-slideshow-arrows)
  • Slideshow with Dots shows slideshow with dots at the bottom to jump between images. (#photoset-slideshow-dots)
  • Slideshow on Click shows slideshow that can be toggled through by clicking, for this one the lightbox can only be triggered by clicking the zoom button. (#photoset-slideshow-click)
  • Automatic Slideshow show slideshow that will automatically animate through the images. (#photoset-slideshow-auto)
Photoset Slideshow Effect
Slide or fade, this is the transition animation for clicking through photoset slideshow images.
Text Post Permalink Display
This is the display of the permalink for text, link, chat and quote posts.
  • Normal shows permalink under post.
  • Overlay displays permalink on top of post content when the post is hovered over. On mobile devices this is displayed inline like normal permalinks.
  • None hides all permalink information.
Media Post Permalink Display
Same choices as text post permalink display, but for audio and video posts.
Image Post Permalink Display
Same choices as text post permalink display, but for photo, photoset and panorama posts.
Transparent Header Background
Transparent Post Background
Shrink Posts To Fit Page
This allows posts to fill the entire width of the page (or the Maximum Content Width, if set), deactivate if you want posts to stick exactly to the post width.
Full Width Header
The header width will naturally contract to fit its content, meaning if you have a header background it won't extend the whole width of the page unless you have a long sentence in your description, for example. Activate this for a banner-style header, (you may want to set header margin to 0 as well).
Hide RSS Icon
The one natural link in the social links display. Kill it with fire.
Ask And Submit Boxes As Overlays
When ask and submit links are clicked this will bring up a lightbox of the forms instead of redirecting to a new page.
Hide Search Field
Hide Blog Title
Hide Description
Hide Twitter Replies
Removes any tweets that start with an @ symbol from your twitter display. p.s. if all of your first 20 tweets are replies and this is activated the twitter widget won't show anything.
Hide Image Post Caption
Hide Media Post Caption
Hide Album Art
Hide Like Button
Hide Reblog Button
Hide Zoom Button
Hide Share Button
Inverse Tumblr Controls
Instead of the tumblr buttons at the top right of the screen showing as grey buttons with white text, activating this will show them as white buttons with black text. It's not really recommended because it goes against tumblr's aesthetics but if you want a more minimal display here's an option.
Light Youtube Player
Show youtube embeds in video posts with a pale action bar. This is a niche option.
Classic Post Notes
Don't like the segregated nouveau notes? Want democracy?
Font Size
Size of body text in pixels (but you don't need to put the 'px'). It's not recommended to be less than 11 or more than 20.
Titles Font Size Ratio
This is the ratio between the size of normal text and titles. I'd recommend somewhere between 1.5 and 2.3, but feel free to go crazy.
Font Embed Code
For embedding custom fonts from services like Google Fonts and Typekit. Paste your embed code here and fill in the next couple of field with the font names (e.g. 'Source Sans Pro, sans-serif').
Font Family Body
Overrides Body font.
Font Family Post Titles
Overrides Post Titles font.
Font Family Blog Title
Overrides Blog Title font.
Maximum Content Width
Can be used to limit the amount of columns, if set to nothing or 0 posts will fill page width.
Header Margin
Header Padding
Post Width
Can be anything, the right-sized images will be loaded dynamically. Although I do recommend you keep within the limits of 200 and 800
Permalink Page Post Width
This is for the width of posts on their permalink page, recommended to be between 400 and 800.
Post Margin
The space between posts.
Post Padding
Padding inside text, link, quote, and chat posts. Useful if you have a small post margin to distinguish blocks of text, and if you have a different post background to page background.
Photoset Image Margin
Space between images in photoset posts.
Double Width Every X Posts
Instead of manually featuring posts using a tag you can make posts automatically expand every 5 or 10 or any amount of posts. Set this to nothing, 0 or 1 to disable it.
Double Width Posts Tag
A tag for making posts double width. Defaults to 'feature' but can be changed to anything.
Triple Width Posts Tag
A tag for making posts triple width. Defaults to 'showcase' but can be changed to anything.
Tweets To Display
Amount of tweets to display. If you don't want to show any tweets you can set this to 0 or nothing.
Instagram Username
Enter your Instagram Username to display your recent grams.
Disqus Shortname
For Disqus comment integration.
Analytics ID
Tracking ID for Google Analytics.
Clicky ID
Tracking ID for Clicky.
You can also enter urls for any of the following social media sites which will show as icons in the theme: