mattgadient.com

Known Issues

Known Issues….

(and my take on the current situation)

 

1. When picking a dark or vivid color scheme, a number of issues can arise (generally darker = worse).

I’ve worked around most of the serious ones, but a number of them (pagination bar is hard to read when dark for example) haven’t been completely addressed. Some of these take a lot of math on my part (and a lot of trial-and-error) to get Jishnu good at guessing whether to lighten a certain element or darken it based on the 1 color you picked. Contact me with the ones that are most important to you.

2. The little next/prev “arrows” on the pagination bar don’t have sharp tips on the left/right.

Limitation of the current implementation (CSS triangles are even px, the current text is odd px). Right now it’s a choice between not-being-vertically-centered, having text that seems too big/small (or same size but then the text not vertically centered), using an image (losing the ability to match the color you selected), or this. If I come across another solution I may have missed, I’ll get it resolved.

3. CSS Tidy destroys the CSS giving a partially white, unformatted page.

Tends to happen if you use W3TC and chose “CSS Tidy”. Tidy hasn’t been updated in ages and trips up hard over the CSS in the theme, completely butchering it (and thus, destroying the layout). If using W3TC, setting the CSS minifier to “Default” should work. Note that Jishnu already serves up minified CSS, so if you run into too many issues having W3TC minify, you may want to disable it for the HTML, and choose “Combine Only” for the actual CSS files.

4. Blank white screen in Jishnu Customization

This is typically caused by JQuery not being loaded correctly, which normally only happens if you’ve moved it to the footer (though if you’ve done so through the setting in Jishnu Advanced Options it usually works). In any case, if moving it back to the head doesn’t solve it, you might have a plugin causing an issue – temporarily disable them all and chances are the customization section will work again. Once you’ve set up the customization, it’s all saved in the database so you’re free to enable whatever-was-causing-the-problem again.

5. Theme contains a lot of CSS in the head.

It’s a trade-off. There was almost no CSS in the head until I added Mr Customizer. Trying to automatically pump the customizations into another file would be the start of a perilous journey (there is no *ideal* way to do it). I did actually spend a few hours implementing it (as well as an option to put *everything* in the head), but removed both in the end. Not clean on either end of the spectrum. For now, do your best to make sure compression is enabled on your server – much of the CSS is vendor-prefixed stuff which should compress incredibly well. If there is demand, I could shrink down the header prefixed stuff by utilizing browser detection via the Advanced Options panel (I believe WordPress even has some detection built in), but because that wouldn’t work with caching plugins, I haven’t bothered at this point.

6. Sometimes drop-down menus leave a “ghost” in the background.

I believe this only happens if you’re logged in and have the WordPress menu bar showing when browsing pages. If it’s happening when *not* logged in, send me an email and I’ll see if I can narrow down the cause. I’m assuming it’s a javascript issue.

7. If using a % width (variable-width) anywhere instead of fixed pixel widths, content wraps around the sidebars. Update: this actually annoyed me enough to fix, and I added “max-width” while I was at it. There is now a checkbox if you would like your content to use up space below sidebars (disabled by default – be aware that if you enable it, a number of plugins can break the layout). For the theme width you can now choose:

  • a fixed pixel width – just type in a number like 980 (or 980px or iwant980pixels… Jishnu will figure out what you mean)
  • a percentage – such as 100%.
  • a max width – you enter this as max980 or 980max or max-width:980px etc. As long as you have the word “max” in there, Jishnu will figure out what you want.

Note: If you choose a % (or a max-width above 640px) the min-width will automatically be set to 640px to keep your content from becoming utterly crushed by a small browser window (because 640px is not always ideal, you may want to use custom CSS to tune this… it’s just a fail-safe for now to limit the damage).

 

8. Featured images are pretty small (100px x 100px).

These were added pretty last minute, and it happened to be what jived well with excerpts when someone was using default widths and 1 sidebar. If there’s demand for it, I can add an option in Jishnu Advanced Options to adjust this pretty easily (and would add an option to change the default excerpt length at the same time).

9. Header background designs don’t really work with near-white header colors.

I played with these a good bit, and while I could have Jishnu auto-switch to a dark color (black for instance) when the main color gets light enough, it’s really hard to determine when *you* might want the color to switch. White designs tend to work even with really light backgrounds. Black for the semi-transparent designs usually doesn’t turn out so good. A separate color picker could be feasible but then we’re getting into huge feature bloat – imagine a color picker for each one of the circles that shows up! Might sound exciting, but then I’d be potentially adding a few more color pickers to that section which has the potential to overwhelm some people. Short version: at this point, you’ll have to delve into custom CSS if you really need/want something other than white designs. I’m always open to suggestions here though if you think of something that will work in a fabulous manner.

10. Only 5 background header designs.

These are really time-consuming to come up with (you have no idea how long the circles took, and I even based those upon some pre-existing demos). Anything diagonal is also a no-go for the time being, as some of the vendor prefixes will only do the diagonal as a square, and workarounds behave inconsistently. If you have some stellar designs you’d like added to the theme though, feel free to send them along. Because it’s a drop-down box, I don’t mind loading it up with a few more options.

11. If sidebar is an odd pixel width WHILE using mid-left and mid-right sidebar widgets (the thin half-width ones), there is a 1px gap between the left and right headers in those widget locations. This can be quite noticeable when resizing the browser window while using a % or max-width for the total theme width.

These little imperfections really drive me up the wall. I could have Jishnu calculate this out for those using fixed pixel widths, but that’s the one case where the issue is easily avoided. Short version here if this affects you is either (1) use an even width for the sidebars or (2) if you must use an odd pixel width or are using variable-width but would prefer the overlap, put .sidebarRight{padding-left:13px !important;} into the Custom CSS section of Jishnu Advanced Options. Essentially, the choice was between making things “happy” at an even pixel width, or at an odd pixel width (either getting a possible 1px gap or a possible 1px overlap). Since visitors probably won’t notice the gap unless they’re actively resizing the browser window, I went with that option.

12. “Social icons” in the sidebar start to cause issues if the attached text is 3 lines or more. Update: I know this only affected about 1% of people out there, but it’s been fixed as of version 1.0.9.

In 1.0.8, I implemented a quick fix so that more than 1 line of text would work (previously if the attached text was longer than 1 line, it slammed into the next line). I only had 1 report of this, so haven’t gone and done the full/proper fix. If you’re wanting to use 3+ lines, send me an email and I’ll get on the full fix sooner rather than later.

13. Content breaks part-way through the page and then continues after the end of the sidebar when “should content use the extra space below sidebars” is selected in the customizer.

The method used to get content to “flow” under the sidebars when that option is selected is… very delicate. That’s one of the major reasons it’s off by default. If you enabled it and are running into this issue, chances are you have a plugin that uses “clear:both” inside your content – plugins that create social/share icons are common culprits. Unfortunately, there’s nothing I can do to fix it on my end (every workaround creates other issues). Your only options in this case are to disable that option for wrapping text below the sidebars in the customizer, or to disable the offending plugin and try to find another that works.

 

 

IE gets it’s own little section. I understand that not everybody has a VM and extra copies of Windows to test with, so I’ll start with some images so you can *see* what Jishnu looks like in each of them (just click for larger images).

IE 10 running Jishnu IE9 running Jishnu IE8 running Jishnu IE7 running Jishnu IE6 running Jishnu

 

These were from a few builds ago, but the current build is largely the same (I worked out the major IE kinks some time ago).

Short version is that IE8+ is about the minimum for nothing to look obviously wrong (in other words, decent) to a random visitor. Nothing curved, and boring colors, but usable.

IE7 is pretty bad. Usable, but bad.

IE6 is a train wreck.

On the other end, IE10 looks just dandy – just as good as Firefox, Chrome and Safari. IE9 is somewhere between 8 and 10.

 

The remaining IE-specific issues just plain aren’t going to be fixed. IE6-9 were *considerably* more broken when I first started, and I’ve gone as far as I’m willing to go to accommodate them. This is what’s left over. They’re here so you’re aware of them.

Note that while old versions of Chrome/Firefox/Safari may exhibit a few similar quirks (in particular, lack of gradients and square corners), they all push their own auto-updates down the line now, so I’m not too concerned there. It’s mainly Microsoft who thought it would be cute to limit certain versions of IE to newer versions of their OS.

By default, there is a message placed at the top of the screen for IE6-9 users, which you may have noticed in the image. It is enabled by default, but can be disabled or changed in Jishnu Advanced Options if you’d like. Originally it also provided a link to IE 10, but since they’ll only let Win7/8 users install IE10, I removed it and it just suggests FF/Chrome/Opera now. Really, if Microsoft doesn’t want marketshare, that’s fine by me.

A final note, the missing menu bars in IE6 are intentionally disabled with a conditional (yes, it was that bad).

<< back to Jishnu

0 Comments

 | Leave a Comment

    Leave a Comment

    You can use an alias and fake email. However, if you choose to use a real email, "gravatars" are supported. You can check the privacy policy for more details.

    To reduce spam, I manually approve all comments, so don't panic if your comment doesn't show up immediately.