Ahren Code» Blog Archive » Download: Ahimsa 3.2 for WordPress

Bits of software inspired by little Ahren and Tanish

May 25th, 2010 by ravi

You can now download Version 3.2 of the Ahimsa for WordPress theme from the link below, or from the WordPress.org site shortly (once it is approved). If you are upgrading from a version of Ahimsa older than 3.1 and you have made customisations and created custom skins, you should first upgrade to Ahimsa 3.1.1 after reading about it.

Tested: Safari4, Chrome 3 on Win, Chrome 5 for Mac, Firefox 3.6, IE7, IE8, Opera 10.53, PHP 4.3 and above, WP 2.8 and above
No longer supported: IE6, Safari < 3.1
Internationalisation support (potential translators: please see included POT file)
Rotated text in sidebar tab
Support for header logo
Changes for rounded corners on Opera 10.53 and higher
More robust parsing by QFGallery shortcode
Theme now uses jQuery bundled into WordPress
Removed jQuery conflicts with MooTools (and MooTools based plugins), etc
Sidebar show/hide effect is now “slide” rather than “fade”
Added hint on permitted tags when focus is on comment response form
New screenshot! ;-)
Various other fixes

I am yet to write up instructions on how to use the two shortcodes (QFGallery and FAQinway) built into Ahimsa. I will get to that as soon as I get this post out.

48 Responses

Patrick writes:
May 27th, 2010 at 1:52 pm

Really nice… i18n support is great and lightbox works well again! Very nice work, this theme rocks so much! ;)

Reply
- ravi writes:
  May 27th, 2010 at 3:57 pm
  
  Thank you Patrick.
  
  Reply
  - Tom writes:
    May 31st, 2010 at 10:58 am
    
    Hi fantastic theme and love it soooo much, i would like to disable the ability to hide the side menus how do i do this please?
    
    Reply
    - ravi writes:
      May 31st, 2010 at 11:07 am
      
      Tom, one way to do that is to disable the sidebar tabs that can be clicked on to hide/show the sidebars. You can do that by going to Dashboard -> Appearance -> Editor, and editing “custom.css” to add the below:
      
      .sidebartab { display: none !important; }
      
      Thank you for your note.
      
      Reply
      - Tom writes:
        May 31st, 2010 at 11:26 am
        
        You are a star thanks for that
        
        Reply
        
        ravi writes:
        May 31st, 2010 at 11:34 am
        
        Tom, thank you, you are too kind. But do add your stars here: http://wordpress.org/extend/themes/ahimsa ;-)
        
        Reply
M Ward writes:
June 21st, 2010 at 8:47 pm

Hello,

How do I add a custom header that replaces both my blog title and description? I tried following the rules for previous versions and I think things have changed. They seem different.

Thanks!

Reply
- ravi writes:
  June 22nd, 2010 at 9:43 am
  
  Hello M Ward, the header has not changed much, so the instructions in the FAQ/blog-post should still be applicable. Can you tell me where you are finding difficulties?
  
  Reply
  - M Ward writes:
    June 22nd, 2010 at 9:56 am
    
    Well, I’ve managed to do everything but make my image display. When I open the image in a new tab, it works, but in the header it just shows up as a broken image.
    
    Also, if I want to have borders on my images in my posts is there a way to keep the border off the image in the header?
    
    Thanks!
    
    Reply
    - M Ward writes:
      June 22nd, 2010 at 10:16 am
      
      I was able to get it in there using the editor option of adding a logo with a URL and I got the border off.
      
      The only thing I couldn’t do was make it clickable so that people would return “home,” but I don’t think that is a big deal with my site being just a blog.
      
      Thanks!
      
      Reply
      - ravi writes:
        June 22nd, 2010 at 10:23 am
        
        Ah okay. If you need help with making it a link to ‘home’ please email me or post your changes and I can help modify them.
        
        Reply
        
        M Ward writes:
        June 22nd, 2010 at 10:27 am
        
        When I fixed it by adding the URL under Ahimsa options (and then disabled the img border), this is what it looks like:
        
        <img id='logo' alt='' title='' src='’ style=”border: none;” />
        
        That’s from the middle of the header coding. All I changed was deleted the “title” and “description” table IDs from further down, then added the “border: none” to the logo information.
        
        And thank you SO much! You are a huge help and it is greatly appreciated.
        
        Reply
        
        ravi writes:
        June 22nd, 2010 at 10:43 am
        
        I must confess am a bit confused… doing the above did you get it to work? I do not see a logo on your site, so I am guessing its still an open issue? You did the right thing by removing the description, etc, so you are on the right path. If you want to email me your header.php and also the URL to your logo (and let me know how you want it placed — to the left?), I can send you the modified header.php to make that happen.
        
        Thank you for your kind words. If you have the time to rate Ahimsa at WordPress (http://wordpress.org/extend/themes/ahimsa), that would be greatly appreciated.
        
        Reply
    - ravi writes:
      June 22nd, 2010 at 10:23 am
      
      Aha, I suspect the problem is the URL. Can you post here or email me (code [at] ahren [dot] org) the changes you made to include the image? Have you tried using an absolute URL (http://site-name/path-to-image) rather than a relative one?
      
      Regarding borders, yes, sure, you can enter the relevant CSS in custom.css. Something along the lines of:
      
      #header IMG { border-style: none !important; }
      
      Reply
Mark Spencer writes:
June 24th, 2010 at 8:04 am

Great theme and good innovation, flexibility. Love the headings, roundedness and feel.

It is a little unforgiving if you force a screen to 1024 and you have 3 columns, but that leads me to my next question (as a work araound for those people with smaller screens) – I am having difficulty getting my site with this Theme to handle the slide-in slide-out sidebar function. Even under two separate tabs with the one browser session, the sidebar (90 degree tab) does not work the same for your site and my own site. Mine is not as neat (See website), it is large, repeats the word sidebar horizontal and vertical (rotated) and doesnt fold in/out my widget leftbar/rightbar at all – they stay out no matter how I configure it.

I noticed somewhere you seemed to mention that you were working on support for this under all browsers, but still puzzled why it works on your site in this browser session and not on mine?

Thanks

Reply
- ravi writes:
  June 24th, 2010 at 10:37 pm
  
  Mark, yes, there is something bad going on at your blog. What version of the theme are you using? If I look at the WebKit debug console while loading your page, your page errors out at the point that WordPress built-in jQuery (JavaScript library) is loaded. This might because of some conflict in one of your plugins. Also, can you tell me what version of WordPress you are running?
  
  Reply
Mary writes:
June 24th, 2010 at 5:39 pm

I’m considering your theme for my new website design. I’ve seen it on wordpress before with rounded-corner top nav buttons / header backgrounds. Is this still possible?

Reply
- ravi writes:
  June 24th, 2010 at 10:34 pm
  
  Mary, the theme has rounded corners support for Firefox, Chrome and Safari (Gecko and WebKit based browsers), and some partial support for IE. That’s because IE and Opera do not support the CSS3 border-radius attribute. That is coming in IE9, but of course it will be a year or two before IE9 becomes the dominant Microsoft browser.
  
  Reply
Mark Spencer writes:
June 24th, 2010 at 11:07 pm

I am running WordPress 2.9.2. and Ahimsa 3.2

Not sure about if/where the WordPress built-in jQuery (JavaScript library) is located or controlled, and/or if I have a plugin loaded that is doing this.

The most complex plugins I have that come to mind might be MailPress 5.0, All in One SEO Pack, WP e-Commerce Plugin with the Gold option.

Thanks

Reply
- ravi writes:
  June 24th, 2010 at 11:20 pm
  
  Mark, if you use Chrome or Safari, you can right click on the page, and choose “Inspect Element” (or use Develop->Show Error Console in Safari if you have developer mode on), and then click on the funny “>=” symbol to see page load errors. There you will see:
  
  TypeError: Result of expression ‘o.easing[this.options.easing||(o.easing.swing?"swing":"linear")]‘ [undefined] is not a function.
  /WP/wp-content/plugins/wp-e-commerce/js/wp-e-commerce.js?ver=3.7.55:148
  
  Also reported for the jquery.js loaded from WordPress included path /WP/wp-includes/js/jquery/jquery.js.
  
  Given that jQuery has not loaded successfully, my theme, which relies on jQuery is bound to fail. I suggest disabling the WP e-Commerce Plugin for a second and seeing if things look better. We can then see if the author of this plugin has some suggestions or fix.
  
  Reply
Mark Spencer writes:
June 24th, 2010 at 11:52 pm

Thanks again… not sure if I can disable/deactivate the plugin and not lose anything, I guess not unless I delete.

Is there a way of repopulating the /WP/wp-includes/js/jquery/jquery.js and if so from where? If your theme needs it, where would you get it from if it wasn’t there? If I re-installed your theme last?…

Deactivated the wp-e-commerce plugin and refreshed and the Sidebar resembled more what you have, but did not work – would not fold open/close the /eft/right/bars.

Still produced some errors also:

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; GTB6.5; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.2; OfficeLiveConnector.1.5; OfficeLivePatch.1.3; AskTB5.6)
Timestamp: Fri, 25 Jun 2010 03:50:35 UTC

Message: Object doesn’t support this property or method
Line: 19
Char: 34810
Code: 0
URI: http://blue-skytransformation.com/WP/wp-includes/js/jquery/jquery.js

Message: Object doesn’t support this property or method
Line: 12
Char: 13
Code: 0
URI: http://blue-skytransformation.com/WP/wp-content/themes/ahimsa/iecorners.js

Message: Object doesn’t support this property or method
Line: 19
Char: 34810
Code: 0
URI: http://blue-skytransformation.com/WP/wp-includes/js/jquery/jquery.js

Reply
- ravi writes:
  June 25th, 2010 at 5:16 pm
  
  Mark, the jQuery library comes bundled with WordPress, so you do not have to re-install it. The problem is that when WordPress tries to load this library various errors occur. So it does not get loaded, which causes my theme to not work. I will look into these new errors and comment ASAP.
  
  Reply
- ravi writes:
  June 25th, 2010 at 5:33 pm
  
  Mark, it looks like you have re-enabled the e-commerce plugin?
  
  Reply
  - Mark Spencer writes:
    June 25th, 2010 at 7:32 pm
    
    If you are around (online) I can deactivate the e-commerce plugin for as long as you need to look at it. It is the only way we are selling and adwords etc are running to bring people to the site etc.
    
    Reply
    - Mark Spencer writes:
      June 25th, 2010 at 7:48 pm
      
      Whilst deactivated…
      
      GET jquery.js?ver=1.3.2
      http://blue-skytransformation.com/WP/wp-includes/js/jquery/jquery.js?ver=1.3.2
      304 Not Modified blue-skytransformation.com 55.9 KB 625ms
      
      GET ahimsa.js
      http://blue-skytransformation.com/WP/wp-content/themes/ahimsa/ahimsa.js
      304 Not Modified blue-skytransformation.com 5.6 KB 1.09s
      
      GET jquery.corner.js
      http://blue-skytransformation.com/WP/wp-content/themes/ahimsa/lib/jquery.corner.js
      304 Not Modified blue-skytransformation.com 7.4 KB 1.1s
      
      GET jquery.corners.min.js
      http://blue-skytransformation.com/WP/wp-content/themes/ahimsa/lib/jquery.corners.min.js
      304 Not Modified blue-skytransformation.com 7.6 KB 1.11s
      .
      .
      
      jquery.js (line 19)
      detailed error: o.easing[this.options.easing || (o.easing.swing ? "swing" : "linear")] is not a function
      error source line: [Break on this error] (function(){var R=/((?:\((?:\([^()]+\)…typeof K===”string”?K:K+”px”)}})})();
      
      jquery.js (line 19)
      [Exception... "Component returned failure code: 0x80004001 (NS_ERROR_NOT_IMPLEMENTED) [nsILoadGroup.groupObserver]” nsresult: “0×80004001 (NS_ERROR_NOT_IMPLEMENTED)” location: “JS frame :: file:///C:/Users/Mark/AppData/Roaming/Mozilla/Firefox/Profiles/vbehyase.default/extensions/%7Be3f6c2cc-d8db-498c-af6c-499fb211db97%7D/components/componentCollectorService.js :: anonymous :: line 1238″ data: no]
      [Break on this error] obj = getIface(request.loadGroup.groupObserver);
      
      compon…vice.js (line 1238)
      jQuery(“a.qfgallery”).fancybox is not a function
      error source line: [Break on this error] ‘easingChange’: ‘easeInOutSine’
      
      nlp-ma…program (line 171)
      [Exception... "Component returned failure code: 0x80004001 (NS_ERROR_NOT_IMPLEMENTED) [nsILoadGroup.groupObserver]” nsresult: “0×80004001 (NS_ERROR_NOT_IMPLEMENTED)” location: “JS frame :: file:///C:/Users/Mark/AppData/Roaming/Mozilla/Firefox/Profiles/vbehyase.default/extensions/%7Be3f6c2cc-d8db-498c-af6c-499fb211db97%7D/components/componentCollectorService.js :: anonymous :: line 1238″ data: no]
      [Break on this error] obj = getIface(request.loadGroup.groupObserver);
      
      compon…vice.js (line 1238)
      o.easing[this.options.easing || (o.easing.swing ? "swing" : "linear")] is not a function
      error source line: [Break on this error] (function(){var R=/((?:\((?:\([^()]+\)…typeof K===”string”?K:K+”px”)}})})();
      jquery.js (line 19)
      
      Reply
Mark Spencer writes:
June 25th, 2010 at 8:01 pm

If you could give me a GMT time you will be able to view, I can deactivate the e-commerce plugin

Reply
- ravi writes:
  June 25th, 2010 at 8:47 pm
  
  Mark, unfortunately its difficult for me to predict when I will be available (real job, kids, etc ;-)). If you Google Chat, can you send me email with your ID. I can add you temporarily as a buddy (or you can add me: ahrencode@gmail.com), and then we can know availability via the chat network.
  
  All these jQuery errors you are reporting look bad. I am wondering if one of your plugins uses a competing JavaScript library like MooTools…
  
  Reply
Mojtaba Cazi writes:
July 5th, 2010 at 10:02 am

Hi,
I install the new version (3.2) and now using right sidebar, but when I click on hide sidebar button (Chrome 5 on mac) site was disappear and the browser screen goes with :(
what happes?

Reply
- ravi writes:
  July 5th, 2010 at 10:56 am
  
  Hello Mojtaba,
  
  looks like your Google Syndication (AdSense, I think?) JavaScript is throwing errors. In the WebKit (Safari, Chrome) error console, I see:
  TypeError: Result of expression 'd.postMessage' [undefined] is not a function.
  from pagead2.googlesyndication.com/pagead/expansion_embed.js. There are errors loading from googleads.g.doubleclick.net. Can you take a look at this thread — http://bit.ly/9cXTvc — and see if it has any hints that might help you?
  
  Also, I am assuming this has nothing to do with my theme, but if you can non-destructively test that (by switching to another theme; but be careful: if that theme does not support sidebars similar to mine you may need to reconfigure sidebars!), that would help.
  
  Reply
  - Mojtaba Cazi writes:
    July 6th, 2010 at 2:34 pm
    
    Hello Ravi,
    But the problem does not exist with left sidebar, what is the differences between?
    
    Reply
Ahimsa 3.2 by Ravi Sarma - bumpkYn for Business writes:
July 18th, 2010 at 9:29 am

[...] version 3.2: Internationalisation support, header logo, sidebar tab rotated text, much more. See: http://ahren.org/code/bit/ahimsa-wp-3dot2. (If you are upgrading from Ahimsa versions before 3.1 please visit [...]

Reply
Jennifer Starkman writes:
September 2nd, 2010 at 6:02 pm

Whoops, posted this on the wrong thread:

Ravi,

If I’m upgrading from WordPress 3.1.1 to 3.2 directly on the WordPress site do I need to worry about losing customizations? There’s a warning note on the WordPress upgrade page, but I don’t know if that’s just standard or whether I’m actually going to lose my customizations (of which there are LOTS). Suggestions?

Reply
- ravi writes:
  September 2nd, 2010 at 10:30 pm
  
  Jennifer, do you mean “upgrading from Ahimsa 3.1.1 to 3.2″? The latest WordPress is at 3.0.1.
  
  Reply
  - Jennifer Starkman writes:
    September 3rd, 2010 at 9:35 am
    
    Whoops, yes, that is what I meant!
    
    Reply
    - ravi writes:
      September 8th, 2010 at 7:00 pm
      
      Jennifer, yes, it’s always a good idea to backup your customisations (at the least). WordPress will nuke all your theme files as part of the upgrade. However, Ahimsa protects against this by saving away customisations in files that WordPress does not touch. So, if your current version of Ahimsa is 3.1 or 3.2 and if you performed all customisations using the Ahimsa Options page (i.e., you put your customisations in custom.css and/or footer-custom.php, and/or you created skins using the Ahimsa Options interface), then your changes should be safe. If you are using Ahimsa version 3.0 or earlier, then please read this post: http://ahren.org/code/bit/ahimsa-wp-3dot1.
      
      Reply
Janice writes:
September 8th, 2010 at 6:52 pm

This is definitely the design I’ve been looking for. Really very clean and colorful and not too busy. But I need it for my business website. Is there anyway I could do something to get actual navigation tabs across the top? Is there somewhere I can download maybe a different version, like Mary mentioned?

Reply
- ravi writes:
  September 8th, 2010 at 6:55 pm
  
  Janice, no unfortunately there is no “official” version with a navigation bar. There are some folks who have hacked up a nav bar into the theme, but unfortunately I have neither a link to them nor do I know if their effort is portable to any user of my theme. One possible option is to see if you can find a WordPress plugin that provides such a feature. If you do, I can help you style it so it fits the look of the Ahimsa theme.
  
  Reply
Andreas writes:
September 23rd, 2010 at 6:10 am

Hi Ravi,

i’m looking for such a navigation bar as well. The one that Janice wants.

greetings,

Andreas

p.s. this theme is the best!

Reply
Matthew writes:
September 30th, 2010 at 1:13 pm

Hi there,

really enjoying this theme–thanks! I am working it up on a site that is presently located at http://test.less-stress.us/wordpress and implementing a horizontal navigation bar using the PixoPoint Multi-level Navigation Plugin. Works great in everything but IE, which brings me to my question. The navigation bar has drop-downs that appear properly–the roll out in front of the title/body area in all browsers but IE. It is as if the layers between the header and body work fine except in IE–the drop-down menus get hidden behind the page title/body area in IE. I’ve looked at your browsercss.php fixes but not sure if there is something in there I could tweak? If you had the chance to look and offer a suggestion, it would be greatly appreciated. Thanks!

Reply
- Matthew writes:
  September 30th, 2010 at 2:07 pm
  
  Hi…just as a follow-up. After trying several other horizontal navigation products, I think I’m settling on JQuery Drop Down Menu. The css is very easy to modify and it doesn’t have the same IE issues that the PixoPoint plug-in seems to have (was definitely an issue with the plug-in, not the theme!).
  
  You can see the (ongoing) results at
  
  http://test.less-stress.us/wordpress
  
  Thanks again for the nice clean theme!
  
  Reply
Bill Hood writes:
October 28th, 2010 at 8:27 pm

I have a problem with the small black tab that reads “Sidebar” that is on the outside of the sidebar. First it doesn’t work. The page goes white and it is attempting to reach “wec.211a.edgecastcdn.net” but it stalls.

I have searched through the code to find this tab, but have been unable to find a remedy. I read the comment to Tom above that states:

Tom, one way to do that is to disable the sidebar tabs that can be clicked on to hide/show the sidebars. You can do that by going to Dashboard -> Appearance -> Editor, and editing “custom.css” to add the below:

?.sidebartab
?{?
display: none !important;?
}

However, my custom.css is blank. Still I tried to add it and save the code, but nothing happened differently. I did find the code in style.css:

.sidebartab
{
display: none;
text-align: center;
padding: 7px 0px;
background-color: #111111;
color: #cccccc;
font-size: 8pt;
cursor: pointer;
opacity: 0.8;
filter: alpha(opacity = 80);
letter-spacing: 0.2em;

}

Is this the correct code

Reply
Marcel Veldhuizen writes:
February 2nd, 2011 at 5:37 am

I have words and sentences in articles that are clickable in Ahimsa 3.2. I want to change the colour of those words and I want to underline them and make them bold.

Does anyone know how to do that? I can not find the file where those codes are.

Thanx

Reply
Cris writes:
March 1st, 2011 at 10:13 am

What an awesome theme! Just the one I was looking for :)

I have a couple of questions:
- how can I center the whole site? Nothing I tried seemed to work.
- is it possible to have larger (wider) titles in the header? Right now it is using only half the space of the header so the title of the site is published over several lines.
- where can I find the code for the light grey area at the bottom of the article text? (the one where ‘categories’ is written)

Reply
Andy writes:
August 1st, 2011 at 2:17 pm

Help please!
Don’t works a forms!
After clicking on form (plugin Contact Form 7 for example) going to main page!
It’s have in something browsers (Opera)

Reply
Vince writes:
November 9th, 2011 at 6:40 am

Can’t see any text when viewing individual posts :-(
mindthebog.com

Reply
- ravi writes:
  November 9th, 2011 at 10:11 am
  
  Hello Vince, I just checked your blog, an individual post: http://www.mindthebog.com/toilet-news/toilet-row-lowers-space-morale/, and it looked fine to me. What browser are you using (and version)? Can you post a screenshot somewhere and open a ticket at http://help.ahren.org/?
  
  Reply
  - Vince writes:
    November 9th, 2011 at 12:24 pm
    
    Aha, it seems that one is fine, but not this one:
    http://www.mindthebog.com/bad-bogs/saint-rochs-school-toilets-smell/
    If you can’t tell why, just let me know and I’ll just have to try disabling everything and start fresh
    
    Reply
    - ravi writes:
      November 9th, 2011 at 12:28 pm
      
      Indeed that post is empty (including the relevant HTML). Does the content of the post show up with the WP themes (TwentyTen, TwentyEleven)?
      
      Reply