Comment Iframe spacing issues
-
The iframe box is suppose to be set to 91px when closed, however on my blog it isn’t. There is a large space because the iframe is set to 315px. The theme I’m using is a free theme downloaded and has been updated some what to fit my needs within the limits of the theme owner allows.
The problem is I don’t want to change themes as I put a lot of work into it and the overall design of my site. I thought maybe it was a plugin issue or a theme issue. On a fresh new install of WordPress, using the default theme with only Jetpack comments installed, there is a space using the default themes that wordpress ships with. This made me think it has to be some sort of theme issue. because I’ve been able to find a few themes where the comment iframe works as it’s suppose to work.
I’ve tried removing the CSS to see if something was doing it there, nothing. Again I tested it on a fresh new install with just Jetpack running and it wasn’t showing up as it should.
I’m not sure what more I can do to fix the issue. I’ve found the code on my page that would restore the iframe box base on the state. But for some reason it’s simply not going off. Maybe it’s cloudflare? But again this happens on a host that has no connected to them either with no other plugin.
Blog url: http://huntermastery.com/ -
That blog is a self-hosted WordPress.org blog, which we really can’t help with.
To clear up any confusion, WordPress.com and WordPress.org are two different entities.
WordPress.org has complete support and documentation sites for self-hosted/installed versions of WordPress via their Codex and Support Forums.
-
Well then where do I go then? I went to the jetpack.me website and followed the link for support and filled out the form and this is where it lend me. If I’m unable to get support on a plugin that lends me here just because I’m a self-hosted wordpress install then that seems to be pretty poor support. Still this doesn’t at all solve my problem.
-
We do support Jetpack here, but this doesn’t sound like a Jetpack problem.
Which iframe are you referring to?
-
Yes I understand that you don’t support jetpack here, but I’m not sure why their website would redirect me here then.. I went to their site, click the support link, went to the right section, for comments, and they gave the following link http://en.support.wordpress.com/contact/?jetpack=needs-service So if you dont support it here that is a screw up on their website that should be fixed.
Any how, the problem is the iframe that the Jetpack Comments. When you turn on Jetpack comment it replaces your comment box with the Jetpack one, the iframe as I’ve been told is suppose to change base on if the box is closed or opened. Mine doesnt’ change it’s always at the large size even when close leaving a large space and making the layout look ugly.
I’ve posted this problem on their post about comments, I’ve gone to their site and they redirect me here. I’ve been told by some helpful people that it may be an issue with my theme.
The problem with this is it must be something within my theme that’s also in the default theme. If I turn off ALL plugins but jetpack and only turn on Jetpack Comments and use the default twentyeleven or twentyten theme, I get the same issue. The iframe Jetpack adds is suppose to be 91px high with closed, then 315px when you open it (if your not login) or less if you are. I believe its suppose to 215px or something.
The javascript code to make this happen shows up but its not working on the default theme, I’ve found some themes that it does work. So I know it’s not an issue with say WordPress being in Network mode. Its something in the theme file itself thats blocking the code.
The theme I’m using is undedicated, yes it’s very old theme and I have updated it within the limits that author allows. The theme I found that Jetpack Comments iframe shows up right is picoclean. Maybe it’s an issue with how I installed WordPress It does this on two different hosts that I have wordpress installed on.
-
Keep in mind that each theme may handle plugins like Jetpack comments differently, and some may require manual code adjustments to the CSS or even PHP files to get a plugin to display the way you want it to, and that’s not something we can really address here.
However, if Jetpack itself is not functioning properly, we certainly want to know about that and see if we can help with that.
When I go to your site, the comments function seems to be operating properly, with the comment box opening and closing for me, so I’m not sure what’s happening.
Could you take a screenshot or two of the problem so we can better understand what you’re seeing on your site? You can upload your screenshot to a image sharing service like imgur.com and link it here.
-
Hmm my understand from a few other bloggers I talked to about this said that Jetpack comment should work right out of the box and no extra code should be needed to be added other then making sure the theme uses the right code to call the comment box. Which mind does.
I suppose I should have been more clear, the commenting operation does work properly, that’s not an issue. The issue is the design of the box.
You see, the iframe is hard coded with a height of 315px. By default when it loads the contents of the frame the jetpack comment is close. Jetpack adds javascript code to change the height form 315px to 91px this isn’t happening as a result there is this large blank space under the comment box which looks ugly and is poor design IMO.
If you look at the above screenshot, you see where it says leave a reply, the jetpack comment is closed, there is a large space there. This is because the iframe is larger then the contents showing, leaving the space. If I where to say set the #respond background color you would see the box goes down to the footer. This isn’t how it’s suppose to show, the comment box is suppose to be small, that larger space shouldn’t be there.
Clicking inside the jetpack box opens it pushing the page down and changing the iframe height to match this. I’ve seen this working on other blogs and spoke to a few people and they all told me that was a strange bug or something and to submit a ticket to jetpack and their support page lead me here.
-
I can see what you’re referring to now, but I can’t see what’s causing it.
Would you please grab screenshots of it running on Twenty Eleven for you, and also of what the default form looks like on your preferred theme?
-
The screenshot posted is that of the preferred theme, here are my themes so you can see what I mean.
Here is a screenshot of Twenty Eleven: http://imgur.com/tCoO0
As you can see the box, this is a Mutlisite Install running only Jetpack and nothing else.
Here is a screenshot of picoclean: http://imgur.com/F2j6q
Again the same blog, nothing changed but the theme, which has not been at all edited by me and you can see how the comment box is. That’s how it’s suppose too be. Not sure why it works for some themes and not all.
Here is the Twenty Ten theme http://imgur.com/2bBgv
Again same problem, these shots are from my old blog http://neckarunrivaled.com which is still live but being shut down soon. The theme in question is the same theme I’m using on the one I posted earlier, just different colors, banner, etc.
Nothing else change but some fixing of code to make it more clean in look, but even still that shouldn’t cause any issue. At least I don’t think it should, but both versions old and new of the theme causes the same issue. Even the default theme untouched shows the problem.
Undedicated the theme I’m using here is a shot of the theme with zero edits what so ever from my part: http://imgur.com/I4iXV
Again thank you kindly for helping me trouble shoot this issue.
-
That is very odd. I’m not seeing the same effect with Twenty Eleven as you did in your screenshot.
Would you please try temporarily disabling all other plugins? Perhaps one of those is dropping in the extra styles.
-
The only plugin running is Jetpack. I have no other addon running everything has been disabled. I even went in and disabled every part of Jetpack but comments.
-
Ok, that is very odd then.
Are you using an Text widgets that you wouldn’t mind temporarily disabling? Perhaps some unclosed HTML is leaking out.
-
Yes it is and I’m not sure what the issue is. No I’m not using any widgets at all.
As you can see here http://neckarunrivaled.com/ I change it to picoclean and now it’s doing it there too.. this is very weird.
I have nothing but Jetpack comments running, I removed all the widgets…. the theme is unedited so I don’t get this at all…
Could it be an issue with mutlisite? O run more then one site and its more ideal for me to run one wordpress install.
-
Okay just to update, I’ve disabled networking on http://neckarunrivaled.com/ I’m sure if I can figure it out there, then I can fix it on my now current live site.
Restoring it to normal wordpress and only running jetpack with all jetpack features turned off but comments still didn’t fix it.
-
Ok, this may be a long shot, but try switching your permalinks temporarily to the “Day and name” structure, basically dropping the custom structure with the .html ending.
For comparison, here’s what mine looks like http://cl.ly/2v1N3P003R2Y3p1U1d2D which is pretty much why I’m struggling to figure out what could be going wrong on yours.
-
Ummm the only thing I can think of doing is uninstalling wordpress totally and reinstalling it and seeing if jetpack works right off the bat and then because I changed the permalink and it made no change other then the links breaking.
http://neckarunrivaled.com/2012/05/31/batman-arkham-city/
Currently running with “Day and Name” and yes I’ve been struggling with this too. It’s not networking as it worked on some themes. here is an example of a site I have running right now live that doesn’t have this issue.
http://moviecrit.info/movie/amazing-spiderman
So as you can see.. it doesn’t make any sense.
-
Hm, ok then. Don’t uninstall anything yet. I’m going to pass this up to the big guns to see if they have any ideas.
-
It turns out you have a quite a few JavaScript errors on the single post pages, which are either interfering with or preventing the JavaScript which re-sizes the form area.
Fixing those up should correct the issue. If not, it will at least make it significantly easier to pinpoint the issue.
If you’re using Chrome, they have some handy guides on using their developer tools for something like this: https://developers.google.com/chrome-developer-tools/
Firefox does not appear to have any such guides, but their developer tools are available under the Tools menu and operate very similar to Chrome’s. Alternatively, http://getfirebug.com/ is a great and fully-documented add-on for Firefox.
-
One of my colleagues found this for Firefox’s built-in tools: https://developer.mozilla.org/en/Tools/
-
Thanks for the replies, oh no I was going to install a fresh version is what I met to test it. Um… That is very strange that I’d end up having JavaScript errors when I’m using the default them? Also the one site doesn’t have that issue.
For example, http://moviecrit.info/ and huntermastery.com are running from the very same wordpress install, and pretty much the same plugins going. So then the errors are coming from the theme itself?
I’m going to play around with the tools and see what code has been added causing it. http://neckarunrivaled.com/ is on another host and a stand alone install and has nothing but jetpack comments on a default theme, so it shouldn’t be having any javascript errors going.
Thank you I’ll check however and see if I can patch up those errors being that could also be causing page load issues I get from time to time.
- The topic ‘Comment Iframe spacing issues’ is closed to new replies.
WordPress.com Forums 