Fluid Blue
Download latest version: 1.6.1 (Updated on 26 July 2008)
Fluid Blue WordPress Theme is a simple, graphics free, fluid width two column theme. Licensed under the GNU General Public License (GPL).
Features
- Fluid width
- Two columns
- Right sidebar
- Supports sidebar widgets, tags and gravatars
- Compatible upto WordPress version 2.6
- XHTML and CSS validated
- Graphics free
Download
Downloaded a total of 2521 times
If you like the theme and find it to be useful, please consider making a donation. Any amount will be thankfully accepted
. Click on the button below to donate.
Installation
- Extract the fluid-blue.zip file in a convenient location
- Copy the ‘fluid-blue’ folder to ‘/wp-content/themes/’ directory in your web server.
- Log in to the WordPress Administration Panels
- Select the ‘Design’ menu.
- Select the Fluid Blue theme from the available list of themes to preview
- Activate the theme.
- Click ‘View Site’ at the top of the Panel’s screen. Your selection should immediately become active.
Left Sidebar
If you like to have a left sidebar instead of the default right sidebar, replace the style.css of the theme with the style.css file included in the zip file below.
Support
Contact me for support.








#1: Res Romanisti says:
a new themes? haha nice…i like it, simple and good looking…
can i edited your wordpress themes for use in my wordpress blog? (edited colour or columm)
#2: Res Romanisti says:
how to editing font only at posting area?
#3: Srini says:
You are welcome to modify and use the theme for your blog. The theme is licensed under GPL, so here is what you can and not do with the theme.
To edit the font only for posting area, open style.css, scroll down and look for the section commented ‘post’ and include the font under ‘.post p’. Contact me if you need more help.
#4: blagi says:
Just started using fluid blue. It’s exactly what i was looking for a couple of days: clean and simple. Didn’t change anything for now.
Thanks srini.
#5: Srini says:
Thanks for using the theme blagi
#6: chris says:
Is this template also affected by http://seclists.org/bugtraq/2007/May/0011.html ?
#7: Srini says:
The template uses bloginfo(’home’) instead of $_SERVER['PHP_SELF']. According to this message on wp-hackers list, templates using bloginfo(’home’) are not vulnerable. We can therefore safely assume that the fluid blue template is not affected by 404 XSS attacks.
#8: chris says:
nice. thank you.
#9: Johannes says:
Thank you very much for this theme! I like the ‘less is more’-approach. Best regards!
#10: Srini says:
Thanks Johannes for your appreciation! Thanks to everyone using the theme.
#11: John says:
Many thanks - I’ve been looking for something like this for a while, having previously used the Steam theme. Good work!
#12: John says:
Thanks for your comment over at my blog. One thing I have noticed is that my archive and category links in the sidebar no longer seem to work - they just lead to a blank white page. I have tested the blog with my old Steam theme and the default one - they both seem to work fine.
Any thoughts on this welcome, I guess it could also be a widget thing as I have never used them before.
#13: Srini says:
This is strange because I tested the theme with widgets on Wordpress 2.2 and it seems to work just fine. Did you test the other themes after your upgrade to 2.2? If you face the same issues with other themes on 2.2, then there may not be anything wrong with the themes, probably the upgradation may not have been clean. Otherwise, if the other themes work well with 2.2 on your blog, there is something missing in my theme. Please check the other themes with wp2.2 and let me know.
#14: John says:
It seems to work ok with my old theme (which doesn’t use widgets) and the default one (Kubrick), but I will reinstall wordpress 2.2 over the weekend and see if that helps as well.
#15: John says:
Hmm. I’ve reinstalled Wordpress 2.2 and the problem is still happening - any thoughts?
#16: Srini says:
John, I have replied you through email.
#17: Srini says:
There was a defect in archive.php which was causing the above problem. This is fixed in v1.0.1, so anybody facing the above problem is requested to update the theme to the latest version. Thanks John, for the feedback.
#18: Peter Erbák says:
Thank you for this beautiful theme, Srini!
#19: Reg says:
I really like your theme! I am having one problem that I hope you can help me with. I am not very good at PHP or themes. I have my front page set to a static page in WordPress. Using this theme I get both a ‘Home’ page and the welcome page I set as static in the navigation menu. How can I change this so that the ‘Welcome!’ link is not displayed? TIA!
#20: Srini says:
First, find the page ID for the ‘Welcome!’ page. You can find this at <yourblogurl>/wp-admin/edit-pages.php. For example, let’s consider that the page ID for ‘Welcome!’ page to be 3. Open your header.php, towards the end of the file, you will find a line like the one below
<?php wp_list_pages('title_li=&depth=1') ?>replace the line with
<?php wp_list_pages('title_li=&depth=1&exclude=3') ?>Of course, this assumes that the page ID for welcome is 3, but you should substitute this number with your real page ID.
Hope this helps. If you have any problems doing this, contact me.
#21: curtis 74 says:
Perfect business website submission
#22: Lukas Beeler says:
Nice!
I always wanted a nice, clean, professional looking theme. Never liked my self-hacked Kubrik much.
#23: Senaka says:
This is a nice theme! I see you use it on your site too! One of the problems I am finding is that the color of a link is very similar to the color of the body text, making it difficult to identify the links. Can you tell us how to underline a link and to change the color of link text.
#24: Srini says:
Thanks Senaka, and all those using the theme… thanks for all your appreciation
To underline and change the color of link text, open ’style.css’ file in the theme folder and you will find the following block of code starting from line 23
Change the color from #157 (this actually is short notation for #115577. The color number can have six or three digits) to any color you like. You can refer w3schools for a list of color names and corresponding hex numbers.
Also, change the line
text-decoration:none;totext-decoration:underline;.But what this does is, it underlines every instance of a link found on the website, you may not want this. If you want to underline only the links in the post entries, add the following code in your style.css file after the ‘a’ block mentioned above.
Contact me for any more help.
#25: H.Lee says:
Hi,
First for all, I really like your theme. Our group just began blogging and without knowing technical side, I am admin of this blog. Therefore, no programming but surfing themes and plug-ins has been the only way for me. I really want to keep your theme but there is one problem. Could you advice me what I can do?
We (will) have many authors but your theme does not show who wrote what. If i cannot find a way to implement author id to be appeared, I have to look up for another theme which cannot have nicer look than fluid-blue. I’d really appreciate a few lines of code to be inserted or plug-ins or anything to keep your theme.
many thanks,
hyunsook
#26: Srini says:
Hyunsook, you just need to edit a few files to display the author, no need for any plugins. Open the index.php file to be found in your theme folder, you will find the following code on line 11
<div class="postmetadata"><?php the_time('jS F Y, h:i a ') ?> <!-- <?php _e('by') ?> <?php the_author() ?> --></div>Replace it with the following line
<div class="postmetadata"><?php the_time('jS F Y, h:i a ') ?> <?php _e('by') ?> <?php the_author() ?> </div>As you can see, the author name is already there, it just needs to be uncommented. Make similar changes to archives.php and single.php. Thanks for choosing this theme!
#27: H.Lee says:
Wow…so happy to know. I really do appreciate your advice. I’m really happy with fluid-blue. Many thanks for your creation!
#28: Q says:
Thank you for designed/developing this theme, it is exactly the sort of minimalist look I was after for my website. The only thing I would like to change is the location of the sidebar. Would it be possible to have it on the left hand side? Another thing I have noticed is that the sidebar disappears when accessing the gallery link, is this a bug or a configuration issue?
Thanks again!
#29: Srini says:
If you want to have a left hand sidebar instead of a right one, download this css zip file, unzip and replace your old style.css with this one.
As for your gallery, I don’t know the exact problem, probably your gallery template doesn’t include the sidebar. Are you using some kind of a plugin, or just a template?
#30: Q says:
Thank you again for such a quick reply! The .css file works perfectly. The gallery is embedded using WPG2 (Wordpress Gallery2). If I use the Classic theme, the sidebar does remain visible, but none of the other (including yours) show it. It’s probably related to the plug-in, but how can I best find out?
#31: Srini says:
Ok, I’ll look into the issue and get back ASAP.
#32: Srini says:
Apparently wpg2 is configured not to show the wordpress sidebar. But wpg2 on fluid blue theme shows the side’bar’ even though the sidebar contents are not displayed. This is because of the way the theme is designed. One way to get over this issue is to get rid of sidebar altogether on wpg2 (on fluid blue). Follow these steps:
* In the theme directory (wp-content/fluid-blue-101/), you’ll find a file named ‘header.php’. Make a copy of header.php in the same directory and name the new file as ‘wpg2header.php’
* Open wpg2header.php, you will find something like
<div id="wrapper">in the last line of the file. Change it to
<div id="wpg2-wrapper">and save the file.
* Open style.css in the theme directory. Add the following lines of code towards the end of the file (or anywhere) and save the file
This is one simple solution and once you do this, the wp sidebar will completely disappear on your gallery page. Other pages will of course, continue display the sidebar. Contact me if you have any problems making these fixes.
Sorry for not addressing this issue earlier. I was caught up with other projects.
#33: Q says:
Hiya,
Many thanks for spending time on my problem. Unfortunately, the above didn’t have the desired result. If you look at http://www.awooga.nl/gallery.php then you can see that it still doesn’t display the menu, and that it now has lost all other style information. I really appreciate your help, btw.
#34: Q says:
Almost got it! If you check my site now, you can see that the gallery is nicely embedded and that the sidebar menu remains visible throughout the gallery. The only thing I can not (yet) to work is that when you look at a large picture (for instance: http://www.awooga.nl/gallery/cars/octavia2/miscellaneous/DSCF3585.JPG.html?g2_imageViewsIndex=1), the sidebar grey area doesn’t go all the way down as it does when you are looking at a page of posts.
#35: Srini says:
Wow! you somehow did it! The sidebar will extend all the way down in your gallery pages when you bring the whole gallery block inside
<div id="content">. I hope you get what I mean. The html structure should resemble something like what follows:#36: Q says:
Hiya. Once more thank you for your reply. I tried the above, but that makes the menu dissapear half behind the gallery page. It’s a bit hard to explain, so I’ve left it in place so you can see for yourself: http://www.awooga.nl/gallery.php
#37: Srini says:
I’m sorry, the content block should be *above* the sidebar block.
This should work.
#38: Q says:
\o/ You are a genius! That worked brilliantly! Would you like to receive a .zip with the complete theme so you can post it on your website?
#39: Srini says:
I’m glad you finally got what you wanted
… and yeah, please share your customizations, why not… it could somebody else planning to use the theme along with wpg2. You can send the zip file to my email address.
#40: temporaneità » Blog Archive » Fluid Blue 1.1 patch is out says:
[...] is a reminder for me: I’ve just placed on this website the trivial patch for the Fluid Blue theme that I’ve written to fit my needs. Category: Wordpress, free software [...]
#41: Carlo says:
Hello.
I use your Fluid Blue Theme.
For your next release, why don’t you add to it a ”links.php” file like this simple one?
http://www.perassi.org/quickhacks/fluid-blue/links.txt
It would be very useuful (I added it to my copy of your theme because the theme that I have previously used have it).
I post here because your contact page does not allow me to write links.
Thanks for your work.
#42: Srini says:
Carlo, thanks for the idea. My next release will have a links.php file.
#43: Brad Emerson says:
I’ve been searching all over for a theme exacly like this. Great job! I’m working on a time-lapse photography blog and I really need a wide area to display the photos and movies in. You did a super job. Thank you.
#44: Alan Henderson says:
I’ve been beating myself up trying to modify Kubrick. Your beautiful theme is already 80% of what I wanted.
Much appreciated.
Thanks Srini,
Alan.
http://mywitsend.co.nz/
http://mistywindow.co.nz/
#45: Srini says:
Thanks to Brad Emerson, Alan Henderson and everyone else using the theme.
#46: Roy says:
Howdee. I’ve started to fool around a bit with your theme. There are a few wishes left.
1) I would like the “blogroll” in the top navigation bar, next to the “pages” list (and not a line below), but I seem unable to make it. It would be nice too if that list just starts and not with “blogroll” (like the “pages” don’t start with the word “pages”).
2) How do I get ridd off the capitals that you use for the words “pages”, “blogroll”, etc.? (and the titles of the pages are in capitals too”)?
3) For some reason I cannot find the line in which to change to colors (basic and hovering) of the line below the post that says in which category it is posted, the comments link, etc. The same goes for the date above the theme and the “submit” button for new comments.
4) I also would like the pages to be wider, with a smaller space between the text of the posts and the sidebar (which should be at the extreme right (in every resolution)). I’ve played around with that, the best I could manage is what you see now.
(PS, I’ve installed a Dutch 2.2.2 also to test, but is obviously also affects the page, so I’m not going to use it for real.)
#47: Alan Henderson says:
I’m even more amazed than yesterday. I’ve been messing about for a week, checking other themes, trying to build a theme from scratch and trying to modify Kubrick to suit.
After about 3 hours working on my current two blogs with Fluid Blue I’ve accomplished everything I wanted to do. I only need a little colour and font tweaking and my problems are solved.
You’re a genius Srini.
Is there some way I can make a small contribution? My sites are non-commercial, I’m retired and I know how the costs mount up. You’ve saved me a lot of work and I’d like to help out in a small way if I can.
Kia ora,
Alan.
http://mywitsend.co.nz/
http://mistywindow.co.nz/
#48: Srini says:
Thanks Alan. I’m glad you find my work to be useful, and I appreciate your intention to give something back. The best way to contribute is, of course, by donating an amount. I’ve put up with a PayPal donate button just below the downloads… you can donate any amount, any small contribution is appreciated. Contact me if you have any other ideas. Thanks.
#49: Srini says:
@ Roy: Woo! you’ve asked many questions. Let me take a little time to ponder over these and get back to you.
#50: Roy says:
Point 1 and 2 are ‘required’ (something I want before really starting to use the theme), the rest optional. Thanks in advance
#51: Srini says:
@Roy:
1. Open header.php, You’ll find a line that reads
<?php wp_list_pages('title_li=&depth=1') ?>. Add<?php wp_list_bookmarks('title_li=&categorize=0') ?>after that. Refer WP documentation if you want more options.2. Those things are in uppercase because I’ve styled those using text-transform CSS property. So, if you don’t want it that way, open the style.css file, find the text
text-transform:uppercase;and wherever you find it, remove it.3. The line you are refering comes under the class ‘postmetadata’. On the style.css file, find the block
.postmetadata {}and make the required changes. Refer http://w3schools.com/css/css_reference.asp.4. This is really complex… you gotta get real dirty with the stylesheet, so if this is something that’s not really required, forget it
Hope that helps.
#52: Roy says:
1. That’s it! Great!!
2. Ah, so that’s called “uppercase”. Changed all three, very nice!
3. Found that one too now.
4. I know I have ‘high demands’. I wonder why it is so hard to make margins with PHP and CSS, but with trial and error I got it almost the way I wanted. I suppose I’ll leave it the way it is.
Many thanks for your help, I think I’m ready to use the theme with my real site now (I’ve been fooling around on a test site).
#53: Roy says:
Argh! The test site is almost exactly what I want, but I can’t make it look the same ‘for real’ and when I delete my version of Fluid Blue and upload a ‘clean version’, I still get that ugly version of my own messing around (and Browzar throws the widget sidebar to the bottom too…).
#54: Srini says:
?? Use the contact form and let me know your problem. I’ll see how I can help you out.
#55: Carlo says:
Srinivasan… I’ll update my patched version of your theme ASAP. I added a very simple css file for printing the page (you can find it on my blog). What about adding a css for “print” to the next release? Thanks.
#56: Carl says:
Fatal error: Call to undefined function: wp_list_categories() in /home/snv/public_html/wordpress/wp-content/themes/fluid-blue-1_5/sidebar.php on line 17
I have no idea what went wrong
Regards Carl…
#57: Srini says:
Thanks Carlo, your suggestions definitely help make the theme better. My next release will have a print css file.
@Carl: I think you use a WordPress version prior to 2.1. wp_list_categories() is a function that works only in WP 2.1 or later, so if you use a older version, open sidebar.php file and replace
wp_list_categories()withwp_list_cats().#58: The Grey Shadow » Blog Archive » Another theme says:
[...] continue experimenting with themes. This is Fluid Blue 1.5, a great theme by Srini. The big merit of this theme, in my opinion, is its resemblance to the old [...]
#59: kilele says:
Hi Srini,
I like this design alot. Could you provide a download for static websites instead of WP ?
Regards
#60: Srini says:
@kilele
Why not? I will do that sometime later… If you need a static design now, use the contact form and drop me a line..
#61: H.Lee says:
With small changes (font size and margins), our group has been happy with your theme. Thanks!
My question is how to include tag cloud in the sidebar? I’ve downloaded some plug-ins but none of them worked. Would you give me some tips?
#62: Srini says:
Why? WP 2.3 comes with a default tag cloud widget, is it not? I see that you already have the tag cloud widget towards the bottom of the sidebar, but seems that none of the posts have been tagged. Once you tag the posts, the tags will start appearing on the sidebar.
#63: H.Lee says:
When I made a comment, the version was 2.2 and postings was tagged. During 2.2 period, none of tag cloud plug-ins worked (error messages on the sidebar) and this was the time point I asked the above question.
While waiting for your answer, I tried upgrading WP with a hope of getting a working tag cloud. Unfortunately, the tagging plugin crashed (sorry for my illiteracy) and 2.3 does not recognize the tagging DB. I’m not sure what’s going on underneath, though. I’d like to say you are absolutely right and your comment clarifies what went wrong. Many thanks~
#64: Chris says:
First of all, love the theme!
My question: Is there a way to make the links in the content one color and the links in the links bar another?
Thanks for the help, and Kudos on the excellent theme.
#65: Srini says:
Thanks Chris!
To have different color for links in content, open style.css file, somewhere around line 280 you will find a block
.postentry a {}. Add a color property to that, for example, something likecolor:red;. See also this comment.#66: Roberto Bandini says:
I think FLuid Blue is a nice simple liquid theme and after I have see many others I choose it!
You are great
!
#67: ray says:
Hi Srini - thought I’d finally post to say that I love the theme and can’t see me changing to something else. In the near future, at least
One thing that has me stumped: on the main page and any other page, the side bar shows up fine. On the post page itself (if you go to comment, for example) the grey sidebar shows up correctly, but the links in the sidebar are at the bottom of the page (http://www.lostaddress.org/index.php/2007/11/11/gravatars/ illustrates this). I’ve looked all over the archive.php file but can’t see anything in there that would affect it like this. Can you help?
If not, no problem, it may just be me experiencing this. The theme is excellent regardless.
#68: Srini says:
Ray, thanks for using the theme.
Seems that some element in the comments template has too much width… that’s one possible reason I can think of why the sidebar drops down towards the bottom of the page. Open style.css and try reducing the width for the comment element.
#69: ray says:
Thanks Srini. Part of it was that the sidebar had a float:left instead of right in there. Just trying to figure out a way to get it to the top of the page now!
#70: ray says:
Srini - thanks for your help. All is fixed now.
#71: Fko J. López says:
Thanks a lot Srini, I like so much the Fluid Blue design. Great job!, congratulations.
This is my first blog and I have a question, maybe is something silly.
How can I change some texts, for example the expression “Continue reading”.
Thanks a lot!
#72: Srini says:
Fko, thanks for using my theme… glad you like it.
Look for the text “Continue reading” in the index.php file (line 13) and change it. Make similar changes with archive.php.
#73: lordtime says:
Fluid Red Wordpress Theme released…
This theme is a direct descendant from Fluid Blue Wordpress theme created by Srini G
The main difference is that this theme is Red colored with some Gradient background
Second improvement it has embedded Adsense Code optimized for performance (tested …
#74: smartos says:
very nice theme! I think I must change my old theme…
#75: adi says:
Great theme, I’m still using Kubrick because I don’t want a fluid theme yet, but this one is the first on the list when for when I’ll want a fluid one.
#76: Arturo Tena says:
Fantabulous theme!!!! Exactly what I wanted. Thank you. Donation is in progress.
#77: Srini says:
Thank you Arturo Tena, your donations inspire me to spend more time on free WordPress themes and plugins.
Thanks also to everyone else using the theme
#78: prefabrik ev says:
Thank you for nice theme.
#79: Joel Lesser says:
love this simple classic and elegant theme!!! is there an way to move the side navigation from the right to the left ??
#80: Srini says:
Hi Joel, click here to find out how to move the sidebar from right to left.
#81: Seth says:
Great theme! One thing though, how do I go about inserting a custom header? I have an image/banner that I would like to place instead of just the name of my blog. Also, how do people insert images into the header and have parts of it somehow ‘bleed’ into the page or the header menu? I’m really sorry for all the questions - I’m obviously a newbie learning the ropes. Thank you for all your hardwork!
Seth S.
#82: Charles says:
I am/was looking at the fluid blue theme, however when I run a “nofollow” check on it every single link is nofollow?!
What’s the deal, and how do I get rid of it? This is not a good thing as you have the pages and categories nofollow thus how do you expect google to index someone’s site with this theme?
thx
Charles
#83: Charles says:
OK….
I just posted about the nofollow showing up on everything…
Well, maybe someone can explain this to me.
I have wordpress installed on my computer and the nofollow shows up on everything for this theme and a few others but when I upload it to a site and test it the nofollow does’t show on the normal links?!?!?!
Is there something about having wordpress installed on my computer for some themes that makes everything a nofollow?
strange…..
Thanks
Charles
#84: Srini says:
Seth, You can add a header image by adding a background-image property under #header in your style.css file. The header image bleeding down into the page etc., are possible, but I don’t have enough space here to explain how to do it. Use your imagination
. Or drop me a line, I’ll see how I can help you out.
#85: Srini says:
Charles, I have no idea why such a thing happens to your pages.