free responsive Tumblr theme

Fluidity is a free responsive, fully customisable and manageable socially-connected web theme for Tumblr blogs.

Fluidity, Free Tumblr Theme

The theme lets you adjust the position of your post content, header, side menu and footer. You can toggle between centering your content, or left-aligning to your visitors browser - the choices are all yours. You're able to update all of the colours on the theme, making the buttons, titles, links and content text all unique to your own blog without any hassle.

Install the Theme

You can install the theme for free by viewing Fluidity on the Theme Garden.

Customisation Options

The theme comes with a huge selection of customisation options that let you make this theme suited to your blog in your own unique way.

Below is a breakdown of each option available:

  • Logo 200x200 - Upload a custom logo you want displaying on your blog. Leave blank to ignore. If you upload a 400x400 image, you must upload a 200x200 version.
  • Logo Retina 400x400 - Retina version of your logo for higher quality or larger displays. If you upload a 200x200 image, you must upload a 400x400 version.
  • Background Image - If you want to display a background image on your blog.
  • Background Colour - The main colour behind the blog. The layout is divided into two distinct groups, the page background and the content background. This will adjust the global page background colour. Default is white.
  • Content Background Colour - The background colour for the content / posts section. Default is white.
  • Border Colour - The dividing border colour between posts in the content section.
  • Button Colour - The background colour of all buttons on the theme.
  • Button Hover Colour - The background colour of all the buttons on the theme when they're hovered, focused or active.
  • Button Text Colour - The text colour of all buttons on the theme.
  • Button Text Hover Colour - The text colour of all buttons on the theme when they're hovered, focused or active.
  • Blog Name Colour - If 'Show Blog Title' is on, this will be the colour of the blog title link.
  • Description Colour - The summary / blog description text either in the header or sidebar.
  • Link Colour - The colour of all other links on the theme e.g. in the content of posts, tags, notes.
  • Link Hover Colour - The colour of all other links on the theme when they're hovered, focused or active.
  • Navigation Colour - The colour of the navigation links (which automatically show if you have any pages, ask or submissions enabled) this will be the default link colour. The hovered colour will default to 'Link Hover Colour'.
  • Text Colour - The main content text colour on the theme.
  • Post Title Colour - The colour of any titles in the content.
  • Body - The main font family for any text content. By default this is 'Helvetica Neue'.
  • Title - The font family used in any titles. By default this is 'Gibson'.
  • Body Font Size - The main font size of any text content. By default this is 'Regular'.
  • Title Font Weight - The main font weight (how bold) of any titles. By default using the Gibson font, this is set to 'Normal'.
  • Header Position - This toggles whether the header section becomes a fixed sidebar, or remains as a blog header. By default this is 'Top'.
  • Show Social Network Icons - If enabled, and any social URLs are entered, they'll automatically appear in the header section below the navigation links. Requires the URLs to be entered.
  • Enable Comment Count - If enabled, the number of notes will be shown below every post.
  • Show Likes - This toggles whether or not your recent likes are shown in the footer of your blog. To have this enabled, you must make sure your likes are shared / public.
  • Show Blogs I Follow - This toggles whether or not the blogs you follow will show in the footer of your blog.
  • Show Blog Title - This toggles whether the blog title displays in the header section.
  • Centre Layout - If you have 'Header Position' set to 'Sidebar' this will adjust whether the content appears centered in the display with a fixed sidebar on the left, or whether the content moves to the left.
  • Google Analytics - To integrate with any existing analytics.
  • Disqus Shortname - Enter your Disqus ID to enable comments on your posts.
  • Twitter Username - Enter your Twitter username to allow direct tweeting of posts (if you want to display a Twitter icon in the header, you still need to enter your Twitter URL in the text field).
  • Following Section - If you have 'Show Blogs I Follow' enabled, this will be the title displayed in that footer section.
  • Likes Section - If you have 'Show Likes' enabled, this will be the title displayed in that footer section.

Social Features

The theme is integrated with Disqus, Google+, Facebook and Twitter so your visitors can directly share your posts with no extra hassle. We've also added the 'Like' and 'Reblog' buttons directly into every post making it easy to interact with your posts.

Responsive

The theme is fully responsive and should function nicely and adjust its layout regardless of the device you're on. If you are using the 'Sidebar' layout but viewing on a smaller display, the layout will automatically default to the fail-safe of the 'Header' on-top. For all smaller devices, if you have uploaded an logo, it'll automatically be scaled down or fallback on the non-retina version.

To install the theme on your blog and explore all the different options, head over to the Tumblr Theme Garden.

Similar Projects


Ignite your brand, utilise user-generated content no matter where you or your audience are ›